zesty.io

Product

Use Cases

Integrations

Learn

Creating and Modifying Existing Design Layouts

This guide is for creating and modifying design layouts, including columns, rows, and containers, in Freestyle. This is structured to guide users through each step with ease.

Creating Layouts

#

1. Access Layouts

Go to the canvas's upper-right corner and click on the ‘Layouts’ tab.

Access Layouts

2. Add Columns

Look for an orange button with a column icon near the search bar. Hovering over it displays ‘Add columns’. Click it to open a configuration dialog box.

Add Columns

3. Configure Layout

Set various attributes like name, classes, type, number of columns, and column width.

Configure Layout

4. Finalize

Click the submit button to create your custom layout.

Finalize

Modifying Layouts

#

1. Locate Custom Layouts

Under the Layouts tab, find your custom layouts among the default ones (Note: default layouts can't be modified).

Custom Layouts

2. Edit Option

Hover over your custom layout to see a green pen icon. Click it to open the editing dialog box.

Edit

3. Make Changes

Modify the layout as needed in the dialog box.

Make Changes

Connect with Content Experts

Book a free 15-minute consultation with a content expert. Discuss your application, pain points and requirements. Understand how Zesty's lower total cost of ownership, features, functionality can elevate your business by creating extraordinary digital experiences.

Trusted By

zesty customer logo Sonyzesty customer logo Rocket Leaguezesty customer logo Singlifezesty customer logo Acornszesty customer logo Phoenix Sunszesty customer logo Wattpadzesty customer logo Corner Shopzesty customer logo Bjs

Enter your details to connect with a Content Expert

First Name

Last Name

Email

Phone (optional)

Company

Please tell us about your project (optional)

G2 MOMENTUM LEADER

zesty customer logo zesty customer logo zesty customer logo zesty customer logo