Responsive Design in Claritee

  1. Overview
  2. Visual Layout
  3. Responsive Design in Claritee

 

To manage responsive designs on visual layouts and wireframes, they can now utilize new features introduced for selecting and customizing different sizes. By choosing from a variety of predefined sizes or creating custom sizes, users can preview and adjust the responsiveness of their content for various devices.

Key topics:

  1. Selection of Different Sizes for Preview

    • Users can click on various buttons to select and enable or disable different sizes for responsive testing.

    • A feature to add custom sizes allows for greater flexibility in design previews.

  2. Automatic Responsiveness of Prebuilt Sections

    • Prebuilt sections, when added, automatically adapt to different mobile layouts.

    • Switching to mobile view with prebuilt sections shows automatic adjustments without additional modifications needed.

  3. Manual Configuration for Custom Elements

    • Custom elements require manual adjustments to ensure proper responsiveness across devices.

    • Users must specify how custom elements should be displayed on different device sizes.

  4. Consistent Text Adjustments

    • Changes made to text elements, such as renaming headers, will automatically reflect across all device sizes.

    • This feature ensures consistency and saves time by eliminating repetitive tasks.

If you need further assistance, feel free to contact us for support.


Was this article helpful?