Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
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