Parsley AutoLayout

Build your layout in seconds with Parsley AutoLayout.

Parsley AutoLayout

Kim Koga 05.03.2021

Introducing our newest tool Parsley AutoLayout.

No coding is necessary—create a content model, add fields and content, then view your page coded with Parsley AutoLayout.

What's Parsley AutoLayout?

Parsley AutoLayout automatically creates an HTML structure based on the fields that have been added to single-page and multi-page models. Each of these model types create a view in the Web IDE. When the view is created a call to Parsley AutoLayout is automatically added. There is no need to add any code to view your content. 

Benefits

  • Create a basic HTML structure out of the box.

  • Automatically created classes. The HTML structure includes automatically created classes for styling.

  • Allows marketers and developers to work asynchronously.

    • Marketers do not need a developer to code a view to see their content.

    • Developers no longer need to build simple HTML pages - they can focus on styling, if/when it's necessary at a later time.

parsley-autolayout.gif

How does it work?

The Parsley AutoLayout call takes the form of {{ this.autolayout() }}. It takes the parameter stacked which reflects the HTML structure that's built: stacked. Other parameters may be added in the future.

This call can also be used with each loops and direct data calls such as .first(), .last(), .random(), .filter() too. Please see the Zesty.org AutoLayout documentation for examples.

The fields order in Schema is the same order that your content and webpage will be presented in (shown in the images below). For example, if you have a page with 4 fields (listed below) your content fields and webpage will be shown in the same order.

  1. Image (Media field)
  2. Title (Text field)
  3. Author (Text field)
  4. Article (Wysiwyg)

schema-content.png

parsley-autolayout-output-03.jpg

Use Parsley AutoLayout now

All new single-page and multi-page models will automatically include a call for Parsley AutoLayout—log in and give it a try! 

Experience a Headless Content Management System, Join Zesty.io.


Start a Sandbox Now

More from Mindshare: Product Announcements

Placeholder image

October 2nd 2019 Product Release Notes

Early release notes for a few notable changes to developer tools.

Read Article
Placeholder image

February 2020 Release Notes

A list of updates, releases, and patches in February 2020.

Read Article
Placeholder image

Logo Update and Brand History

Zesty.io launches a new logo for 2019, see it and learn about the logo history.

Read Article
Placeholder image

New Feature Release: Custom Head Tags

In addition to the automatic Open Graph and Twitter Card tags, as well as metadata, you can now add additional

Read Article
Kim Koga photo

Kim Koga

Solutions Engineer, Zesty.io

Experienced writer, editor, and solutions engineer. I love to write instructional documentation to help customers achieve their dreams. Github: https://github.com/kakoga ... Learn More

Speak with an Expert


Chat with Us

To speak with someone in sales and marketing, use the chat popup on this page. To speak with a developer, join https://chat.zesty.io

Exploring content solutions? Looking to replatform?