Purpose: Grids are flexible image and text layouts that can be used to break up forms, add instructions, or provide inspiration for users filling in a form. There are four types of grid components, each offering a unique layout but functioning similarly.
Types of Grid Components
Pilotis Forms has four different type of Grid. Each offer the same functionality but offer different layout options.
Standard
Alternative
Board
Row
Add a Grid to your Template
To add a Grid to your Template, ensure you have a page selected, then select "Grid" at the bottom of the screen.
Configuring Grids
When you select a Grid, you can configure it via the Inspector. For all four types, you will notice faint outlines of the areas of a grid, with each area containing an Add Content button. This will allow you to add either:
Text
Image
Adding Text to Your Grid
Select Text
Input Fields: You will be presented with input fields for a title and content.
Switching from Text to Image: If you want to switch the area from being text to being an image, click "Remove Content"
Adding an Image to Your Grid
Select Image
Upload an Image: You can upload an image by dragging it onto the area or by clicking on the area and selecting an image.
Remove an Image: To remove an image, simply click on it. You can undo this action using the undo and redo buttons in the top navigation area.
Switching from Image to Text: If you want to switch the area from being an image to being text, click "Remove Content".
By configuring grids effectively, you can enhance the visual appeal of your templates and provide clear instructions or inspiration to users. Grids are versatile components that can be used to organize content in a structured and aesthetically pleasing manner.