Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.
SOLVED

Remove option Hide component when in layout mode for device Desktop

Avatar

Level 4

Hi Team,

 

We want to remove hide component option from the toolbar when in layout mode only for device Desktop selection.

 
 

screen_shot_2018-03-23at090834.png

Can this be possible.

 

 

 

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

you can try writing css

cq.authoring.dialog category will work.

button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"] {
    display: none;
}


Arun Patidar

View solution in original post

3 Replies

Avatar

Correct answer by
Community Advisor

Hi,

you can try writing css

cq.authoring.dialog category will work.

button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"] {
    display: none;
}


Arun Patidar

Avatar

Level 4

hi @arunpatidar - and how can I check if Desktop option is selected as need to hide only in desktop selection in layout mode.

Avatar

Community Advisor

you can do it suing CSS, example by default is is hidden but when you select any option except native(Desktop) it will be shown.

 

button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"]{ 
    display: none;
}

.editor-panel-active:has( .js-editor-EmulatorDeviceList > coral-selectlist-item.is-selected:not([value='native'])) button._coral-Button._coral-Button--quiet.cq-editable-action[data-action="HIDE"] {
    display: inline-block;
}

 

 



Arun Patidar