The Zurich release has arrived! Interested in new features and functionalities? Click here for more

Hide Picture on Catalog Item Form - Portal

SumanthMora
Mega Guru

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>
7 REPLIES 7

Thanks Jaspal. It worked.

But how to remove the blank space between catalog item name and Varaibles (where image was in place before)

find_real_file.png

Look for 

<div class="wrapper-md row b-b no-margin" ng-if="c.data.sc_cat_item.picture || c.data.sc_cat_item.description"> (1st line form the snippet you posted)

& replace it with below

<div class="wrapper-md row b-b no-margin" ng-if="c.data.sc_cat_item.picture || c.data.sc_cat_item.description" style="
width: 190px;">

 

Thanks,

Jaspal Singh

 

Hit Helpful or Correct on the impact of response.

Thanks .Replaced the line and the the output is like this.

find_real_file.png