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

Zesty.io Content Manager General Availability

We are excited to announce the availability of the latest Zesty.io Content Manager!

Read Article
Placeholder image

The Zesty.io Instance Manager Open Beta

We have been hard at work for the past couple of months preparing for the release of a new Zesty.io

Read Article
Placeholder image

April 2020 Release Notes

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

Read Article
Placeholder image

The Zesty.io User Interface Journey

A brief overview of the technology choices which power Zesty.io Instance Manager's past, present and future.

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

Exploring content solutions? Looking to replatform?