Remove option Hide component when in layout mode for device Desktop | Community
Skip to main content
NehaMa
Level 4
Sep 22, 2022 12:38 PM UTC
Solved

Remove option Hide component when in layout mode for device Desktop

Hi Team,

 

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

 
 

Can this be possible.

 

 

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
arunpatidar
arunpatidarAccepted solution
New Participant
Sep 23, 2022 7:47 AM UTC

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 reply

3 replies

arunpatidar
arunpatidarAccepted solution
New Participant
Sep 23, 2022 7:47 AM UTC

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;
}
Translate
Arun Patidar
    NehaMaAuthor
    Level 4
    Sep 26, 2022 1:57 PM UTC

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

    Translate
      arunpatidar
      arunpatidar
      New Participant
      Sep 26, 2022 4:38 PM UTC

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

       

       

      Translate
      Arun Patidar
        Terms & ConditionsAccessibility statement

        Loading footer...