Skip to main content

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

Applies only to Traditional Web Apps

 

 

OutSystems

Layout Popup Reference

Template:OutSystems/Documentation_KB/ContentCollaboration
  • 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.

    Notes

    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.

    .ie10,
    .ie11 {
        display: none;
    }
    
    .ie10.ponyfill-ready,
    .ie11.ponyfill-ready {
        display: block;
    }
    

    Compatibility with other patterns

    RichWidgets Popup Editor

    • Was this article helpful?