Tutorial: Create a widget and set up a template

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

Before you begin

Role required: admin or sp_admin

Procedure

  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.