Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Embedding widget in Service Catalog form

TouriaL
Tera Contributor

In Service Catalog you have the ability to embed a widget as a variable in your catalog items or record producers.

"In this example, we will create a loader widget that will only be displayed if the variable choices are empty if the server's response is slow."

  • Create a catalog item with variables
  • Create widget called add-panel-loader
  • In the html template add the following code

             <div class="panel-loader" style="text-align: center">
                            <fa name="spinner" spin="true"></fa>
                            <p>${Loading data}...</p>
              </div>​

 

 

  • In related lists, add a new variable to the catalog item.
  • In the Type field, select Custom.
  • In the type specifications, select a widget that performs the desired action (see screenshot)TouriaL_0-1683644837566.png

     

  • You can hide/show the widget loader if you want to check the variable choices (or server response) .

Using this method, you can easily display the widget in your catalog items and improve the user experience for your employees.

TouriaL_2-1683645032120.png

 

 

1 REPLY 1

Cire
Tera Contributor

Hi Touria, 

Thank you for this useful Tip. 

Regards,