Hide "View Details" from portal forms

Nagashree5
Tera Contributor

Hi All,

 

Requirement: View details should be hidden from the portal.

Nagashree5_0-1678277646258.png

Can anyone please guide me on this.

 

Thanks in Advance

1 ACCEPTED SOLUTION

SatyakiBose
Mega Sage

Hello @Nagashree5 

Here is how you can remove the View Details text on the portal page.

  1. Navigate to widget - SC Category Page
  2. Create a clone of the widget as this is an OOB widget.
  3. Search for the <div class="panel-footer b"> element from the HTML content.
  4. Remove ${View Details}
    SatyakiBose_0-1678287593619.png
  5. Now your catalog items will not have the View Details section.
  6. Here is a screenshot on how it looks. The circled section is OOB widget, and below is the custom widget.
    SatyakiBose_1-1678287681098.png

     

    The custom widget is attached for your reference.

View solution in original post

7 REPLIES 7

Community Alums
Not applicable

Hi @Nagashree5 ,

Why do you want tgo hide "view Deatils" on the first place? What the business requirement?

 

SatyakiBose
Mega Sage

Hello @Nagashree5 

Here is how you can remove the View Details text on the portal page.

  1. Navigate to widget - SC Category Page
  2. Create a clone of the widget as this is an OOB widget.
  3. Search for the <div class="panel-footer b"> element from the HTML content.
  4. Remove ${View Details}
    SatyakiBose_0-1678287593619.png
  5. Now your catalog items will not have the View Details section.
  6. Here is a screenshot on how it looks. The circled section is OOB widget, and below is the custom widget.
    SatyakiBose_1-1678287681098.png

     

    The custom widget is attached for your reference.

SatyakiBose
Mega Sage

@Nagashree5 

If you further wish to remove the price, then you can remove this line as well:

<span ng-if="data.showPrices && item.hasPrice" class="pull-right item-price font-bold">{{::item.price}}</span> &nbsp;

Hi @SatyakiBose ,

 

Thanks for the response, it worked but there is a thin line coming below the form tiles like below.

Nagashree5_0-1678351023398.png

There is gap coming below the tile. Could you please guide me how I can fix this.

 

Thank you in Advance