question How to Set Widget Visibility... Service Portal in Developer forum

How to Set Widget Visibility... Service Portal

ashishgupta — Wed, 13 Jul 2016 07:12:06 GMT

1. I have a requirement to have a particular widget for a special category of the Service Catalogs.

Please can you help me out in setting the visibility of particular widget over "sc_cat_item" page for a special category of the Service Catalogs.

2. Also, I want to hide the Submit Button on the "SC Catalog Item" widget for particular service Catalog.

ctomasi

pradeepksharma

b-rad

Re: How to Set Widget Visibility... Service Portal

Ashutosh Munot1 — Wed, 13 Jul 2016 07:19:15 GMT

HI Ashish,

if you want to hide widget then role field is available.

in script you can control visibility too.

Talking about submit button,

you have to control its visibility through UI macro of this button.

this can help you:- servicecatalog_cart_template this is UI Macro..

Re: How to Set Widget Visibility... Service Portal

Ashutosh Munot1 — Wed, 13 Jul 2016 07:21:11 GMT

https://community.servicenow.com/thread/175265?q=hide%20submit

see this thread also

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Wed, 13 Jul 2016 08:07:32 GMT

Thanks for the Quick Response..

But I need this for Service Portal (Helsinki).

What you have described is for Traditional CMS Portal.

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Wed, 13 Jul 2016 14:07:53 GMT

ctomasi, I need a help on this !!

Please help !!

Re: How to Set Widget Visibility... Service Portal

Chuck Tomasi — Wed, 13 Jul 2016 14:14:20 GMT

Hi Ashish,

My knowledge of Service Portal is almost non-existent at this point. I wish I could offer help, but I'm not a subject matter expert in this area (yet). Sorry.

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Wed, 13 Jul 2016 14:24:15 GMT

Thanks for reply

ctomasi Please can you route it to some Service Portal Expert.

Just Tag anyone..

Re: How to Set Widget Visibility... Service Portal

Chuck Tomasi — Wed, 13 Jul 2016 14:29:27 GMT

fschuster - any thoughts?

Re: How to Set Widget Visibility... Service Portal

fschuster — Wed, 13 Jul 2016 15:21:56 GMT

Have your server part of the widget set "visibility" variables based on the according category (use case 1) and the according catalog (use case 2).

E.g. "if(myCategory == xyz)" - set a variable, e.g. "showCategory" to "false".

These variables could e.g. come from Widget Options or System Properties.

Then you will have to add an ng-show/ng-hide on the HTML level that evaluates the visibility expression and either shows or hides the <div> or the <button>.

E.g. (ng-show="showCategory") - meaning only if showCategory is true, we will display that element.

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Thu, 14 Jul 2016 09:35:11 GMT

Hi Frank,

Thanks for the reply.

I am creating a widget that is responsible for accepting the usefulness of the Service Catalog Items:

Server Side Script:

All three Highlighted Logs Results are:

Please can you guide me in achieving the Selected Catalog's Category. None of the above logs are able to fetch the category.

Once I am able to achieve the Category I can easily compare and use ng-show in HTML against <div>

Re: How to Set Widget Visibility... Service Portal

fschuster — Thu, 14 Jul 2016 10:32:58 GMT

Ashish,

I just added some lines of code to a clone of the "SC Catalog Item" Widget - see attached screenshots. Getting the category worked fine for me.

I recommend using console.log() for all debugging of widgets, it even works in the server script part!

The element in the data.category array is called name, not title.

You also should ideally not declare your variable twice - just initialize it e.g. with true and set it to false if needed (or vice versa).

Cheers

Frank

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Thu, 14 Jul 2016 11:32:47 GMT

Hey Frank, You forgot to attach the Screenshot. Please attach !!

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Thu, 14 Jul 2016 16:23:02 GMT

fschuster Please can you share the mentioned Screenshots.

Re: How to Set Widget Visibility... Service Portal

fschuster — Thu, 14 Jul 2016 21:21:12 GMT

Ashish, not sure if you have just overlooked them - but I can even see them when I'm not logged in into the community from my mobile.

They are not inline images, you have to look at the attachments.

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Fri, 15 Jul 2016 10:11:43 GMT

Hey Frank,

Can You help me with the ng-show for a button.

Now I am able to fetch the Category in the logs but Either the button gets visible for all or None.

It is not following the condition passed in server Script.

As You suggested I am using a variable to set the visibility in HTML

This is BUTTON is Submit Button at the SC Catalog Item Widget.

Please guide ...

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Fri, 15 Jul 2016 13:37:59 GMT

fschuster

Hey Frank,

I was able to hide the widget for particular category...

But the Button on the Service Catalog Page is not getting hidden.

Please can you guide me the way to hide the Submit Button for particular Category.

Re: How to Set Widget Visibility... Service Portal

fschuster — Fri, 15 Jul 2016 15:20:58 GMT

Ashish,

Nothing different for a button than a standard <div>.

Let's say we got a Submit Button:

<button ng-if="c.data.showButton" type="submit" id="registerNow" class="btn btn-lg btn-primary btn-block">Register Now</button>

The only thing you would need to do is come up with a logic that sets the showButton variable to true/false on the server (or client) - depends how you determine the value.

Assuming you are doing this on the server you would simply have to add :

data.showButton = false;

In the HTML you are able to access that value with c.data.showButton.

Re: How to Set Widget Visibility... Service Portal

ashishgupta — Fri, 15 Jul 2016 20:51:33 GMT

Thanks fschuster and Mr. ctomasi

I will be in touch with you Guys as I am working for Service Portal and it is really very new and bit difficult to understand...

Thanks

Re: How to Set Widget Visibility... Service Portal

Chuck Tomasi — Fri, 15 Jul 2016 21:04:11 GMT

We're doing a TechNow episode on this next week.

Ask the Expert: Share Portal, TechNow 28 | ServiceNow Community

Re: How to Set Widget Visibility... Service Portal

Ash18 — Tue, 22 Aug 2017 16:07:48 GMT

Hi Ashish,

Could you please let me know the HTML code which you used to hide the widget?

I am having a similar issue were I am trying to hide a widget if the current user is member of a particular group.

Regards,

Ashwin