The Applaud platform supports a versatile range of options for you to design engaging content for your audiences, to work beautifully and responsively across all devices. The illustration below captures the different layout options available to you, and this article will show you how to configure each one.
Mobile and tablet devices default to a vertically stacked layout to ensure the most effective use of space. In contrast, you have the option to configure masonry column layouts for larger devices such as laptops and desktops.
You may want a page with a single piece of content for something like a news article or a knowledge base article that is not related to any other content in the platform. In this example, we have used the 'Rich text' content type.
If you have a lot of content to add to your page, you may want to select a 3-column layout to reduce scrolling for the user.
Small devices such as tablets and mobiles default to a stacked layout to ensure the most effective use of space; however, you may also want to configure this type of layout for larger devices such as laptops and desktops.
The left and right sidebar options are really just a 3-column layout with the left or right content blocks sized to span two columns.
Each content block you create supports the option to show it or hide it depending on what device the user uses to view the content. For example, you may have a document viewer that enables users to view their payslips; however, you only want this feature available on desktop and laptop devices. We need to select 'Small' and 'Native' from the available options to hide on smaller devices.
See the table below for information on each device type.
|Small||Mobile and tablet web browsers.|
|Native||Apps native to Android and iOS.|
|Web||Any device using a web browser as opposed to a native app.|
Before you commit to your new pages, you might want to ensure they look good across different devices by using the previewing options.
- Add a new page and header
- Configure your page settings
- Reorder and edit content blocks
- Preview your page on various devices