design-mode-specific CSS class in xCP

basinilya · 2021-02-11T17:36:50+00:00

There was an error rendering this rich post.

Hi. I'm adding a CSS class to a standard xCP widget on my page that makes its position: fixed relative to the browser window. This makes the widget overlap the "Interactions" panel in the designer. I want the css property to apply only when in runtime.

I know about the js variable xcp.isDesignMode that is true only in design mode.

Is there a .blah-blah-xcp-in-designer CSS class that is added to widgets in xCP designer mode?

Find more posts tagged with

Comments

Karen Weir

@basinilya , have you been able to figure this out, or is the scenario still open for discussion in the community?

basinilya

@Karen Weir I haven't figured this out yet

Karen Weir

I'm sorry to hear that @basinilya

If you upgrade your account to include "My Support" access, you will be able to open a ticket to work directly with our Support team.

basinilya

Found a workaround: moved the class from the "Style" tab to Aspects/Dynamic CSS Class