Expand my Community achievements bar.

Elevate your expertise and be recognized as a true influencer! Nominations for the exclusive Adobe Community Advisor program 2023 are now OPEN.
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;
}
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;
}

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;
}