Tutorial: Create a widget and set up a template Create the Quick Order widget to query items in the Service Catalog. Before you beginRole required: admin or sp_admin Procedure Navigate to Service Portal > Service Portal Configuration and click Widget Editor. Click Create a new widget. Define the following values. Widget Name: Quick Order Widget ID: quick_order Create a test page: Active Page ID: quick_order Adding a widget to a test page creates a record in each of the following tables: sp_page sp_container sp_row sp_column sp_instance sp_widget Note: You can use the Page Editor in Service Portal Configuration to view the hierarchy of elements on your test page. Click Submit. From the Widget Editor, open the Quick Order widget. Add the following simple template to the HTML field. <div class="panel panel-primary"> <div class="panel-heading">Request an item from the catalog</div> <div class="panel-body"> My catalog results </div> </div> Click Save. Preview your test page in a new tab using the following URL: <yourInstanceUrl>/sp?id=quick_order. Your widget template displays on the test page. Next TopicTutorial: Add a server script to query an instance table
Tutorial: Create a widget and set up a template Create the Quick Order widget to query items in the Service Catalog. Before you beginRole required: admin or sp_admin Procedure Navigate to Service Portal > Service Portal Configuration and click Widget Editor. Click Create a new widget. Define the following values. Widget Name: Quick Order Widget ID: quick_order Create a test page: Active Page ID: quick_order Adding a widget to a test page creates a record in each of the following tables: sp_page sp_container sp_row sp_column sp_instance sp_widget Note: You can use the Page Editor in Service Portal Configuration to view the hierarchy of elements on your test page. Click Submit. From the Widget Editor, open the Quick Order widget. Add the following simple template to the HTML field. <div class="panel panel-primary"> <div class="panel-heading">Request an item from the catalog</div> <div class="panel-body"> My catalog results </div> </div> Click Save. Preview your test page in a new tab using the following URL: <yourInstanceUrl>/sp?id=quick_order. Your widget template displays on the test page. Next TopicTutorial: Add a server script to query an instance table