<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>question Embedding widget in Service Catalog form in Developer forum</title>
    <link>https://www.servicenow.com/community/developer-forum/embedding-widget-in-service-catalog-form/m-p/2556852#M995624</link>
    <description>&lt;P&gt;In Service Catalog you have the ability to embed a widget as a variable in your catalog items or record producers.&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;"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."&lt;/SPAN&gt;&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;Create a catalog item with variables&lt;/LI&gt;&lt;LI&gt;Create widget called&amp;nbsp;add-panel-loader&lt;/LI&gt;&lt;LI&gt;In the html template add the following code&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;div class="panel-loader" style="text-align: center"&amp;gt;&lt;BR /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;fa name="spinner" spin="true"&amp;gt;&amp;lt;/fa&amp;gt;&lt;BR /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p&amp;gt;${Loading data}...&amp;lt;/p&amp;gt;&lt;BR /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;​&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;&lt;SPAN class=""&gt;In related lists, add a new variable to the catalog item.&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN class=""&gt;In the&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;Type&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;field, select&lt;SPAN&gt;&amp;nbsp;Custom&lt;/SPAN&gt;.&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN class=""&gt;In the type specifications, select a widget that performs the desired action (see screenshot)&lt;/SPAN&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="TouriaL_0-1683644837566.png" style="width: 443px;"&gt;&lt;img src="https://www.servicenow.com/community/image/serverpage/image-id/260069i4E2E32714196F3FA/image-dimensions/443x205?v=v2" width="443" height="205" role="button" title="TouriaL_0-1683644837566.png" alt="TouriaL_0-1683644837566.png" /&gt;&lt;/span&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;/LI&gt;&lt;LI&gt;&lt;P&gt;You can hide/show the widget loader if you want to check the variable choices (or server response) .&lt;/P&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;Using&lt;SPAN&gt;&amp;nbsp;this method, you can easily display the widget in your catalog items and improve the user experience for your employees.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="TouriaL_2-1683645032120.png" style="width: 999px;"&gt;&lt;img src="https://www.servicenow.com/community/image/serverpage/image-id/260072iC50845B240E41DA9/image-size/large?v=v2&amp;amp;px=999" role="button" title="TouriaL_2-1683645032120.png" alt="TouriaL_2-1683645032120.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Tue, 09 May 2023 15:34:31 GMT</pubDate>
    <dc:creator>TouriaL</dc:creator>
    <dc:date>2023-05-09T15:34:31Z</dc:date>
    <item>
      <title>Embedding widget in Service Catalog form</title>
      <link>https://www.servicenow.com/community/developer-forum/embedding-widget-in-service-catalog-form/m-p/2556852#M995624</link>
      <description>&lt;P&gt;In Service Catalog you have the ability to embed a widget as a variable in your catalog items or record producers.&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;"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."&lt;/SPAN&gt;&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;Create a catalog item with variables&lt;/LI&gt;&lt;LI&gt;Create widget called&amp;nbsp;add-panel-loader&lt;/LI&gt;&lt;LI&gt;In the html template add the following code&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;div class="panel-loader" style="text-align: center"&amp;gt;&lt;BR /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;fa name="spinner" spin="true"&amp;gt;&amp;lt;/fa&amp;gt;&lt;BR /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p&amp;gt;${Loading data}...&amp;lt;/p&amp;gt;&lt;BR /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;​&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;&lt;SPAN class=""&gt;In related lists, add a new variable to the catalog item.&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN class=""&gt;In the&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;Type&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;field, select&lt;SPAN&gt;&amp;nbsp;Custom&lt;/SPAN&gt;.&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN class=""&gt;In the type specifications, select a widget that performs the desired action (see screenshot)&lt;/SPAN&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="TouriaL_0-1683644837566.png" style="width: 443px;"&gt;&lt;img src="https://www.servicenow.com/community/image/serverpage/image-id/260069i4E2E32714196F3FA/image-dimensions/443x205?v=v2" width="443" height="205" role="button" title="TouriaL_0-1683644837566.png" alt="TouriaL_0-1683644837566.png" /&gt;&lt;/span&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;/LI&gt;&lt;LI&gt;&lt;P&gt;You can hide/show the widget loader if you want to check the variable choices (or server response) .&lt;/P&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;Using&lt;SPAN&gt;&amp;nbsp;this method, you can easily display the widget in your catalog items and improve the user experience for your employees.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="TouriaL_2-1683645032120.png" style="width: 999px;"&gt;&lt;img src="https://www.servicenow.com/community/image/serverpage/image-id/260072iC50845B240E41DA9/image-size/large?v=v2&amp;amp;px=999" role="button" title="TouriaL_2-1683645032120.png" alt="TouriaL_2-1683645032120.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 09 May 2023 15:34:31 GMT</pubDate>
      <guid>https://www.servicenow.com/community/developer-forum/embedding-widget-in-service-catalog-form/m-p/2556852#M995624</guid>
      <dc:creator>TouriaL</dc:creator>
      <dc:date>2023-05-09T15:34:31Z</dc:date>
    </item>
    <item>
      <title>Re: Embedding widget in Service Catalog form</title>
      <link>https://www.servicenow.com/community/developer-forum/embedding-widget-in-service-catalog-form/m-p/2557474#M995804</link>
      <description>&lt;P&gt;Hi Touria,&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;Thank you for this useful Tip.&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;Regards,&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 10 May 2023 09:01:25 GMT</pubDate>
      <guid>https://www.servicenow.com/community/developer-forum/embedding-widget-in-service-catalog-form/m-p/2557474#M995804</guid>
      <dc:creator>Cire</dc:creator>
      <dc:date>2023-05-10T09:01:25Z</dc:date>
    </item>
  </channel>
</rss>

