Welcome to Community Week 2025! Join us to learn, connect, and be recognized as we celebrate the spirit of Community and the power of AI. Get the details  

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,