Desktop, tablet, and mobile views refer to the different layouts and presentations of an application designed to accommodate various screen sizes and devices. Responsive design aims to ensure a seamless and user-friendly experience across a range of devices, from large desktop monitors to tablets and smartphones. Each view is optimized for the specific characteristics of the device it is intended for:
Desktop View:
Designed for larger screens, such as desktop monitors and laptops.
Utilizes a spacious layout, often with multiple columns and a navigation bar.
May include additional features or content that take advantage of the larger screen real estate.
Tablet View:
Tailored for mid-sized screens, typically tablets.
Adjusts the layout to accommodate the smaller screen size while maintaining readability and usability.
May reorganize content and navigation to fit a more compact space.
Mobile View:
Optimized for smaller screens found on smartphones.
Typically a single-column layout to simplify navigation and readability on small screens.
May prioritize key content and interactions, hiding non-essential elements.
To change the view mode:
Go to the Nova application builder.
Navigate to the top section of the builder.
Click Desktop to switch into desktop mode, Tablet to switch to tablet mode, and Mobile to switch to mobile mode.
