Event and Page Management

Streamline Your Calendar Setup

Need to organize your events and add them to your page? If you haven't created a calendar yet, just click the “click here” link to get started! Once it's set up, you’ll have instant access to upcoming tasks and events.

To ensure your page reflects any updates made on the calendar page, make sure to reinsert the calendar element. This will save time and keep your page accurate and up-to-date.

General Settings Overview

Element Name/Title

In General Settings, the system displays the current default name or title of the element you’re editing. You can leave the name as is or customize it to fit your needs. This feature is especially useful when managing multiple elements on your page, helping you differentiate and organize them more effectively.

Layout Adjustments and Spacing Options

Content Placement

The Spacing Options tool allows you to fine-tune the placement of content on your page. These adjustments only apply to the specific element you’re working on. For example, when editing a Row (highlighted in blue), any spacing changes will affect only that Row’s contents.

Adjusting Padding

With individual toggle bars for the left, right, top, and bottom padding, you have full control over content positioning. Adjust the padding to create a visually balanced layout that enhances the user experience on your web page.

Margin Controls

You can also modify the top and bottom margins using the toggle bars, giving you greater control over the spacing of your elements. This ensures that your layout fits your desired aesthetic and functions effectively.

Calendar Customization

Replace or Update Your Calendar

The Calendar Configuration option allows you to switch out your current calendar for a new one. Simply choose a new calendar form from the Calendar menu, keeping your web page updated with the latest events.

Button Configuration and Actions

Setting Button Behavior

The Button Action feature lets you customize what happens when someone clicks the button. You can choose between opening a popup window or redirecting the user to a specific URL.

Website Redirection

When using the "Go to website URL" option in Image Actions, you’ll need to set the destination web page. You can also choose to open the page in a new tab by toggling the setting on.

Advanced Customization Features

Visibility Options

The Visibility settings allow you to control whether a specific element is shown on desktop, mobile, or both. By selecting the appropriate icons, you can tailor the page’s visibility to suit different devices, improving the user experience.

Custom Class Naming

The Custom Class feature lets you assign a unique class name to any element, making it easier to apply custom CSS styles. Simply enter the class name in the dedicated field to link it to your stylesheet.

CSS Selector Copy

You can easily copy the Custom CSS Selector by clicking the Copy icon next to the reference code. This allows you to quickly replicate the CSS styles across your page, enhancing both efficiency and design consistency.