Welcome to Community Week 2025! Join us to learn, connect, and be recognized as we celebrate the spirit of Community and the power of AI. Get the details  

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