Skip to main content

Description:
Introduce the ability for developers to define custom font sizes for components within the Universal GUI. This should be configurable at design-time, allowing consistent styling across forms, grids, and other interface elements.

Rationale:
Currently, font sizes are fixed and not adjustable per component. Developers need more control to ensure visual hierarchy, accessibility, and consistency. This is especially important for applications with complex layouts. Since we want tot avoid using custom css as much as possible it would be great if there was a way to change this through the SF.

Suggested Implementation:

  • Add font size properties to relevant GUI components in the Software Factory.
  • Allow configuration per screen element (e.g., form fields, grid headers, labels).
  • Support standard units (px, em, rem) or predefined size categories (e.g., Small, Medium, Large).
  • Ensure compatibility with responsive design principles.

Hi Koen,

We want to keep the model rather clean of any platform-specific information. Having a customizable font size for every bit of text in the UI will create a large number of settings which will not be portable to a new generation of user interfaces as they are likely to use a different design system.

Consider that, if we had a model setting for label size for the Windows UI, it would not be portable to Universal UI (due to the floating labels) or the (now deprecated) Mobile UI (due to the very different form set-up). Likewise for UI-design specific matters such as the ribbon, the context menu / overflow menu, etc.

This is largely what the custom.css is for. The file can be registered in IAM nowadays - the deployment challenge with custom.css is a thing of the past.


NewNeeds feedback

@Anne Buit 
 

Hi Anne,


We’re encountering the following issue:

 

As shown in the screenshot, there are multiple font sizes appearing within a single screen. Applying a custom font (in this case, two bold variants for clear testing) doesn’t resolve the inconsistency. Unfortunately, using custom CSS isn’t a viable solution for us, as we would need to maintain it across 40 separate IAM environments.

 

It would be very helpful if we could define font sizes such as a header and body size directly within the Software Factory. This would allow for consistent styling without relying on external CSS files.