Remove option Hide component when in layout mode for device Desktop | Community
Skip to main content
N
NehaMa
New Participant
September 22, 2022
Solved

Remove option Hide component when in layout mode for device Desktop

  • September 22, 2022
  • 1 reply
  • 846 views

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.
Best answer by arunpatidar

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

1 reply

arunpatidar
arunpatidarAccepted solution
New Participant
September 23, 2022

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
    N
    NehaMaAuthor
    New Participant
    September 26, 2022

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

      arunpatidar
      arunpatidar
      New Participant
      September 26, 2022

      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
        Terms & ConditionsAccessibility statement

        Loading footer...