New Layout
When creating your 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.
Deleting the entire layout deletes all the content of your layout.
Deleting the entire layout presents the option to start from scratch or the starter template once again.
Sections, Panels, & Settings
A Web Home Layout is comprised of sections.
Each section contains panels.
Each section and each panel has settings that can be configured.
To edit a section or panel, hover over the item and select the gear icon. Sections show a green border with their label. Section settings are accessible in the top left. Content panels show a blue border with their label. Panel settings 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 to save your changes. Saved changes make the updated layout live on the web home page of your event.
Sections:
Sections are containers for blocks of content (panels).
It is possible to move a feature or content panel outside of a section.
Leaving feature or content panels within 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 & between panels.
Settings:
- Font Family: Choose from the fonts listed to have them applied to any text housed within the section.
- Item Spacing: Used to add space between the content of your section.
- Edge Spacing: Used 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 it 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 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 and use the + button to add a panel before or after the selected piece of content.
When creating a new panel, 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.
Use 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.