25
Views
3
Comments
Solved
Hide content in ODC Studio preview?
Application Type
Mobile

How do I hide a container (or any other widget) from the ODC Studio preview?

I've applied the "hide-on-service-studio" style class to the container I want hidden, but there is no effect. I'm guessing it's because I'm using ODC, not O11. 

What should I do instead?


2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi Ryan,

It seems that there is a issue with that class, I tried it myself. Workarounds for this are the following:

1. Override the class with the !important property:

.hide-on-service-studio{  

-servicestudio-display: none !important;

}

2. Use other class that uses -servicestudio-display: none, such ass wcag-hide-text .

UserImage.jpg
Ryan Huang

Thank you - both workarounds work!

2023-06-13 12-29-43
Sakthivel P

Hi @Ryan Huang,

Place the container in the true or false condition in the widget and ensure the boolean value for the widget is opposite to that of the container where you placed.

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi Ryan,

It seems that there is a issue with that class, I tried it myself. Workarounds for this are the following:

1. Override the class with the !important property:

.hide-on-service-studio{  

-servicestudio-display: none !important;

}

2. Use other class that uses -servicestudio-display: none, such ass wcag-hide-text .

UserImage.jpg
Ryan Huang

Thank you - both workarounds work!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.