How to hide catalog item pictures on mobile apps?

annc_ · ‎03-31-2020

Popular Services and Browse Services utilize record producers and catalog items on Service Portal. The picture took a big portion of the screen on mobile device. Is there any way to hide it on the mobile app?

"hidden-xs" works with /itsp. However, it doesn't seem to be working with /mesp.

Community Alums · ‎03-31-2020

The /mesp portal may use the same widget, but you have to remember that it is an instance of the widget. The portal page that is used to display the catalog item is me_sc_cat_item and is restricted from being edited due to system policy.

Even if you made a new portal page, the page route map that routes from sc_cat_item page to the me_sc_cat_item page is locked down as well for the /mesp portal.

So i think there isn't anything you can do unless you remove the picture, which isn't ideal as it would be gone from the desktop view.

Might need to put an idea in for an enhancement with ServiceNow.

View solution in original post

Mike Patel · ‎03-31-2020

Not suer this will work but give it a try.

on catalog item there is field called Mobile Picture Type or Classic Mobile Picture Type set that to none.

Kunal Varkhede · ‎03-31-2020

Hi,

It works on Classic Mobile type in Classic Mobile picture field.

Type of picture to display for the item on mobile devices. Set to Desktop to use the standard desktop picture, Classic Mobile to use a specific image for the mobile device using the Mobile picture field, or None to not use a picture.

Thanks,

Kunal.

Community Alums · ‎03-31-2020

To hide the picture You need to create a new Item View [sys_sg_item_view] and then you would switch the view used on the Master Item [sys_sg_master_item].

Lets take Popular Item Master Item, it uses the Item View of Catalog Recent and Popular Item View. These views are read-only, so you will need to create a new Item View. It uses JSON to show the image, when creating the new view, copy the Item View JSON, but omit the following code from the JSON:

{"Type":"Image","CellId":"picture","Height":72,"Width":72,"Scaling":"Fit","Id":42257},

annc_ · ‎03-31-2020

I tried set Classic Mobile Picture Type to none and I still see picture displayed on the app. I think those fields may only work for classic mobile apps, not Now Mobile app.

I don't think that a new Item View helps me either. I am OK to have the icon on the list view. I don't want to have pictures on the item at /mesp?id=sc_cat_item&sys_id={{sys_id}}. I was able to add "hidden-xs" on the picture element in the portal widget to hide pictures on /sp, but I am not able to hide them on /mesp.

Any other ideas?