Apex Designer Documentation
What's New
Getting Started
Projects
Business Objects
Processes
User Interfaces
App Behaviors
Files
Dependencies
Project Settings
Libraries
Patterns and Best Practices
App Showcase
Frequently Asked Questions
Version 2.2.214 Released
Version 2.2.221 Released
Version 2.2.244 Released
Version 2.2.273 Released
Flex Layout Helper Classes
Manage PDFs
Version 2.2.281 Released
Version 2.2.287 Released

Flex Layout Helper Classes

CSS Classes That Make Flex Layout Easy

Blank Profile Image
Written by David Knapp
Updated 16 days ago
Less than a minute read

The Angular Base Library now has a set of classes simplify applying flex concepts to Apex Designer user interface components. This video shows how to apply them to make a portion of a page scrollable:

 

This video shows how to use the flex helper classes to make the left and right halves of a page scroll independently:

 

Here is the complete list of classes:

  • vertical-flex-container
  • horizontal-flex-container
  • grow-horizontal
  • grow-horizontal-2x
  • grow-vertical
  • center-vertical
  • scroll-vertical
  • height-100-percent
  • width-100-percent
  • gap-20
  • gap-40
  • margin-bottom-0
  • margin-bottom-20
  • margin-0
Powered by Apex Designer
Terms of ServicePrivacy Policy
© 2017-2023 Apex Process Consultants