Structure & Layout

  • How to Use the Tab Wrapper Component

    Learn how to use the Tab Wrapper Component to organize content into multiple tabs. Understand how Tab Elements and their Bodies work, which components can be placed inside them, how Tab Wrapper relates to Boxed Layout, and how to avoid unnecessary or problematic container nesting.

  • How to Use the Boxed Layout Component

    Learn how to use the Boxed Layout Component to organize related Page Designer components into responsive sections with embedded margins. Understand how to structure content as chapters, rename layouts for easier administration, apply targeting at section or component level, and move complete groups of content efficiently.

  • How to Use the Background Image Component

    Learn how to use the Background Image Component to place content over an image background, configure the background size and text color, select appropriate background imagery, and understand how the component's Text Color interacts with Textbox Plus.

  • How to Use the Background Color Component

    Learn how to use the Background Color Component to place content on a colored background, configure the background and text colors using predefined colors or hex codes, and understand how its text color settings interact with Textbox and Textbox Plus.

  • How to Use the Video Split Component

    Learn how to use the Video Split Component to create a responsive two-column composition, particularly when building content involving video. Understand its desktop and mobile behavior, its relationship with the equivalent generic Grid layout, and the importance of selecting components that work within the available space.

  • How to Use Grid Layout Components

    Learn how to use Grid Layout Components to create responsive multi-column structures in Page Designer. Understand the six available desktop and mobile configurations, how to populate individual columns, where grids can be used, and why component width and nested grids require particular attention.

  • How to Use the Horizontal Spacing Component

    Learn how to use the Horizontal Spacing Component to create intentional breathing room between Page Designer components. Understand how to configure separate mobile and desktop spacing, when to use Medium or Large spacing, and why dedicated spacing should be used instead of adding empty lines inside text components.

No articles found
Loading
7 Articles

Related Topics