Tutorial: Create a widget and set up a template

Create the Quick Order widget to query items in the Service Catalog.

1. Navigate to Service Portal > Service Portal Configuration and click Widget Editor.
2. Click Create a new widget.
   
3. 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.
4. Click Submit.
5. From the Widget Editor, open the Quick Order widget.
6. 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>
   

7. Click Save.
8. 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.