The Framework Components

The framework is made up of seven basic components: .header, .container, .rail, .card, section, .row, and .column. The components are applied to the Panel control in the OnBase Studio designer, which is the closest control to a vanilla div, with the exception of column that can be applied to fields and filters. Once the you pass the learning curve of using the framework, your efficiency in building views will sky rocket.

Adjustors

Adjustors are additional CSS rules included in the framework that allow you to quickly apply things like gap, padding, align-items, and justify-content quickly to the structual blocks while in studio by simpling adding the CSS rules on the "CSS Class" tab in Studio.

Responsiveness

These baseline structural blocks are modeled after existing UI frameworks that are used to design modern web layouts because to achieve a responsive design that can adapt to phones and tablets, you must have a structure to rely on. There are still challenges and limitations with needing to render the view in both Studio and the Clients that often require creative problem solving and I am still working through the media queries to provide a solid responsiveness that works across the framework perfectly.