Skip to main content




Applies only to Traditional Web Apps
Service Studio version:

Layout Popup Reference

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Layout and classes

    Main Content

    Drag your content to this placeholder.

    Advanced use case

    Customize your responsive breakpoints

    1. Go to the Common Flow.
    2. Double-click the Layout to open the widget tree.
    3. Go to the LayoutPopup properties.
    4. Toggle the DeviceConfiguration 'plus icon'.
    5. Set the custom breakpoints (in pixels). In the example below, the phone breaks are set to happen only when the Device width is at 200px.
    6. Publish and test.


    In Internet Explorer 10 and 11, we added some specific behaviors to account for the flicker caused by the slow loading time of polyfill CSS Variables. If there are any JavaScript errors, this will cause the screen to appear white.

    You can override the following code to avoid this behavior.

    .ie11 {
        display: none;
    .ie11.ponyfill-ready {
        display: block;

    Compatibility with other patterns

    RichWidgets Popup Editor

    • Was this article helpful?