CSS classes used in View designer components
The View designer provides multiple components to design the user interface for applications. Customize these view components by using the following CSS classes in the CSS classes setting of the view component.
For example, if a view contains a single record grid component, apply rx-auto-fill and rx-auto-scroll classes to the record grid component to stretch the grid to occupy the available space in the view.
CSS class | Description | Example |
|---|---|---|
rx-no-margin | Removes the margin of all child components of the container. | |
rx-default-border | Sets a 1 px gray border around the component. | |
rx-white-background | Sets a white background for the component. | |
rx-auto-fill | Sets the height of the element to 100%. | |
rx-auto-scroll | Sets the vertical overflow to auto. |
You can also use Bootstrap 4.0 classes for styling. For more information, see Bootstrap 4.0.