Hide Picture on Catalog Item Form - Portal

[SumanthMora]

How to hide the picture on the catalog item form on HR portal.

The widget uses the below code on image tag

<div class="wrapper-md row b-b no-margin" ng-if="c.data.sc_cat_item.picture || c.data.sc_cat_item.description">
           <div class="col-sm-4 col-xs-12 no-padder" ng-if="c.data.sc_cat_item.picture">
            <div class="wrapper-md text-center">
              <i class="fa fa-chevron-left pointer" style="position:absolute; top:50%; left:4%; color:#CECECE" ng-if="options.image_gallery"></i>
              <img class="img-responsive catalog-item-image" alt="{{::data.sc_cat_item.name}}" style="display: inline" ng-src="{{::data.sc_cat_item.picture}}?t=medium" /> 
              <i class="fa fa-chevron-right pointer" style="position:absolute; top:50%; right:4%; color:#CECECE" ng-if="options.image_gallery"></i>
              <div class="image-gallery padding-top" ng-if="options.image_gallery">
                <i class="fa fa-circle active"></i>
                <i class="fa fa-circle"></i>
                <i class="fa fa-circle"></i>
              </div>
            </div>
          </div>

[Raf1]

This might help: https://community.servicenow.com/community?id=community_question&sys_id=02fbc7a7dbe72300feb1a851ca96198f

[Ashvini Kadus1]

Hi,

You need to add additional class (hidden-xl) in the html wherever image tag is used and it will hide that image.

for eg : class="hidden-xl"

and if it won't work then you can comment-out whole code.

Kindly mark correct answer or helpful if it hepls you to solve your problem.

Thank You,

Ashvini k

[Prins Kumar Gup]

Hi SMORA,

Please comment the below line in your code:

           <!--div class="col-sm-4 col-xs-12 no-padder" ng-if="c.data.sc_cat_item.picture">
            <div class="wrapper-md text-center">
              <i class="fa fa-chevron-left pointer" style="position:absolute; top:50%; left:4%; color:#CECECE" ng-if="options.image_gallery"></i>
              <img class="img-responsive catalog-item-image" alt="" style="display: inline" ng-src="?t=medium" /> 
              <i class="fa fa-chevron-right pointer" style="position:absolute; top:50%; right:4%; color:#CECECE" ng-if="options.image_gallery"></i>
              <div class="image-gallery padding-top" ng-if="options.image_gallery">
                <i class="fa fa-circle active"></i>
                <i class="fa fa-circle"></i>
                <i class="fa fa-circle"></i>
              </div>
</div>
            </div-->
       

Please Hit like, Helpful or Correct depending on the impact of the response if this solves your query!!

Thanks,
PKG

[Jaspal Singh]

Hi,

Considering you have Clone the widget (as you cannot modify OOB) you need replace below line form the script you posted above.

<img class="img-responsive catalog-item-image" alt="" style="display: inline" ng-src="?t=medium" />

with

<!-- <img class="img-responsive catalog-item-image" alt="" style="display: inline" ng-src="?t=medium" /> -->

Thanks,

Jaspal Singh

Hit Helpful or Correct on the impact of response.