Step-by-Step Guide: View Settings

The majority of screens, objects, and elements within the Page Layout Screen feature a "View Settings" configuration. This configuration allows you to adjust the grid size, element size, element dimensions, margins, padding, and borders.

• Card Type:Configure the view card type, this define a card as background of the element.

  • No Card: Show the object with no configuration card or view.
  
  • Bordered Card: Show the element with a bordered card as background.
  
  • Card without border: Show the element with a card with no border as background.
  

• Grid Size: Change the grid size of the element, this range from "Extra Small" to "Extra Large".

• Size of the Element: Customize the width size of the element, range from 1 to 12.

• Width:Customize the width size, this can be in % or in pixels.

• Height: Customize the height size, this can be in % or in pixels.

• Margin, Padding, and Borders: You can customize the size of these elements relative to each other. Each side—top, bottom, left, or right—can be adjusted individually, with all measurements in pixels.

  • Margin: Represents the external space of the element, controlling the space between the element and other external elements.
  • Border: Represents the line that surrounds the padding and content. Its width can be customized.
  • Padding: Represents the space between the border and the content, controlling the internal space around the content.

• Type: Customize the type of border, this can be solid, dotted, double and dashed.
• Radius: Customize the radius of the border in pixels.
• Color: Customize the color of the border.