Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

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

View solution in original post

1 Reply

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