Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.
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