Features for responsive UI

Responsive UI design is for building web pages that adapt to various viewport widths and orientation, depending on the device being used to access the portals. The portals use narrow layouts for devices like smartphones and wider layouts for desktops, laptops, or tablets. The content is the same, but content positioning is different in each layout type.

The layouts use expanding columns, expanding FDFs, and variable column grids that can adjust to the changing viewport. A region width event is used to detect when the user shrinks or expands the view past a breakpoint size, so the page can be automatically switched from one layout to the other. These and other responsive UI development features are described in this section.