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. 


  • 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.


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 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)



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

Start a Sandbox Now

More from Mindshare: Product Announcements

Placeholder image

Introducing's WebEngine Explorer

Find all content models on a page and edit them instantly with our new WebEngine Explorer Google Chrome Plugin.

Read Article
Placeholder image

October 2nd 2019 Product Release Notes

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

Read Article
Placeholder image

What is WebEngine? is the most unique headless CMS in the market because of WebEngine. But what is it, exactly?

Read Article
Placeholder image

February 2021 Release Notes

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

Read Article
Kim Koga photo

Kim Koga

Solutions Engineer,

Experienced writer, editor, and solutions engineer. I love to write instructional documentation to help customers achieve their dreams. Github: ... 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

Exploring content solutions? Looking to replatform?