New Layout
When creating a layout for the first time, you may start from scratch or choose the starter template.
The starter template auto populates with sections and content based on the features enabled for your event.
Feel free to edit this template to better familiarize yourself with the layout tool.
You can delete the entire layout at any point by selecting the “x” in the top right.
This deletes all the content of your layout.
The layout page then presents the option to start from scratch or the starter template once again.
Sections, Panels, & Settings
A Web Home Layout is comprised of sections, which contain panels.
Each section and panel has settings that can be configured.
To edit a section or panel, hover over the item. Select the gear icon. Sections show a green border with their label. Settings for sections are accessible in the top left. Content panels show a blue border with their label. Settings for content panels are accessible in the top right corner.
Edit the panel settings and click apply to see the effect. Click the “Save” button in the bottom right corner of the layout page. Saving the layout saves the changes to the layout. Saving the layout also makes the changes live on the web home page of your event.
Sections
Sections are containers for blocks of content (panels).
Moving a feature or content panel outside of a section is possible.
Leaving feature or content panels within the confines of a section is usually best.
Sections allow adding a background image or video to multiple pieces of content. Sections also allow adjusting the space to the sides and between panels.
Settings
- Font Family: Choose from the fonts listed to have them applied to any text housed within the section.
- Item Spacing: Use to add space between the content of your section.
- Edge Spacing: Use to add space around the outside of all content housed within a section.
- Background Color: Use the color picker or hexadecimal input to select a color and transparency for the section.
With transparency, the background color can be used to overlay on top of a background image or video.
- Background Media: This may be an image (png, jpg) or video (mp4).
Panels
Panels are what are used to display content.
Panels can be added by creating a new section and selecting the “AddPanel” button within it.
Panels can also be added before or after existing panels. Select the existing panel. Use the + button to add a panel before or after the selected piece of content.
Panel Types
When creating a new panel, you can choose from the following types of content:
- Typography: Directly editable lines of text
- Feature List: Display a list of items from a given Feature
- Feature Item: Display the details of a Feature item
- Page: A special Feature with hand tailored content, editable using a WYSIWYG editor
- Image or Video: Display images or videos
- Section: See sections above, can be nested
Panel Settings
Setting will vary from panel.
See the list below to find a quick explanation of their functions.
- Select a Feature: Select the feature from the dropdown to choose which content you'd like displayed in your Feature List or Feature Item Panel.
- Label: This label sits above Feature panels and defaults to the feature name.
Deleting the label will remove it from appearing in the layout.
- List Count: Display the first X number of items when using a Feature List panel.
- List Style: Choose list to display all items.
Cycle will display each item one at a time.
- List Direction: Display list items on top of each other or side by side.
- Feature Style: Compact for minimal information.
Expanded for more detailed information.
- Hide Background: Useful when you hav a background image or video.
- Theme Color: Used for themed content within panels.
- Background Color: Use the color picker or hexadecimal input to select a color and transparency for the panel.
- Background Media: Upload png, jpg, or mp4 videos to appear behind the content.
Background color appears on top of background media.