The CreatorCon Call for Content is officially open! Get started here.

Catalog Item Annotation HTML Variable Instructions on form

Hadyn
Tera Expert

I'm using the CMS and wanted to annotate my catalog item form with some instructions without using the help text facility. I know you can create a UI Macro but it seems a waste to have to create and link a new ui macro for each annotation on every item.

I also am going to service portal soon too and I read you can use the widget selector under the "default value" tab on the macro variable to display a widget on the service portal and you can pass a value to the widget through the default value field. This got me thinking.

Then I read this post https://community.servicenow.com/thread/226154 about the instructions field on a variable and how it is shown in service portal. "Brilliant" I thought - thats exactly what I need but for the CMS. (I always wondered what that field did).

So I built a UI Macro, which gets the html from the instructions field on the variable. This way you only have to have 1 UI Macro to display an annotation. You also get a WYSWIG HTML Editor and as an added bonus its future compatible with service portal! (Because UI Macros dont show in SP, but the instructions field does).

Heres the UI macro:

Name: variable_html

<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

      <g:evaluate jelly="true">

              var gr = new GlideRecord('item_option_new');

              gr.get(jelly.jvar_question_id);

              gr              

      </g:evaluate>

      <div class="help-block text-muted col-xs-6">

              <g:no_escape>${gr.instructions}</g:no_escape>

      </div>

</j:jelly>

Heres a screencap of the UI macro.

find_real_file.png

Here a screencap of the UI Macro Variable on a catalog Item and where to put the HTML for your annotation.
find_real_file.png

This is where to specify the new "variable_html" UI Macro on the catalog item variable.
find_real_file.png

And this is what it looks like on the CMS

find_real_file.png

And this is what it looks like on the service portal.

find_real_file.png

22 REPLIES 22

shraddha7
Kilo Explorer

Tried this thing, but it is not working

Check out my reply to the comment by Tim Grindlay. Due to changes in the way service portal displays help text from macros and macros with labels you may need to implement the UI macro and a SP Widget. I detailed the steps i used to get everything working as i expected in Madrid sp5

LJ5
Tera Contributor

I was tired of using the not great standard toolbox for things like this and was looking for something that didn't require making new widgets all the time. Using the initial setup plus the updates listed above, this is working great with Orlando patch 1a.

Thanks for sharing this with the community!