Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

Remove component edit icon

Avatar

Level 5

My requirement is to remove the edit icon from the title OOTB component toolbar. How can I achieve this?

goyalkritika_0-1681892550764.png

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

HI @goyalkritika 

 

Shailesh_Bassi__0-1681895990878.png

You can achieve the same by making the above configuration in your component. 

 

I tried out in one of the WKND component and it worked fine.

Shailesh_Bassi__1-1681896012946.png

Hope this helps!

Thanks

 

View solution in original post

4 Replies

Avatar

Community Advisor

hi @goyalkritika Are your using the same component on all the pages. If yes, in that case you can navigated the editable template and lock the component over there. 

Now the editor will not be able to edit the component over the page.

Shailesh_Bassi__1-1681893652345.png

Now if the component is required in all the pages or limited of the same template type it can be configured as part of

1. Structure (path - /conf/<project>/settings/wcm/templates/page-template/structure.html) 

2. Initial Content  (path - /conf/<project>/settings/wcm/templates/page-template/initial.html) of the template.

And this way to get the flexibility to make it editable as well whenever required.

Hope this helps!

Thanks

 

Avatar

Level 5

@ShaileshBassi I think you got the requirement wrong. I want to remove the 'edit' icon but want to keep the component configurable. Also, the component cannot be locked on the template level.

Avatar

Correct answer by
Community Advisor

HI @goyalkritika 

 

Shailesh_Bassi__0-1681895990878.png

You can achieve the same by making the above configuration in your component. 

 

I tried out in one of the WKND component and it worked fine.

Shailesh_Bassi__1-1681896012946.png

Hope this helps!

Thanks

 

Avatar

Community Advisor

@goyalkritika 

It can be done by disableing 'cq:inplaceEditing' for any component.
Look for a node with a name 'cq:inplaceEditing' in the component for which you want to disable this feature.
make the value of flag active as 'false'.