Use Cases



Reordering Child Items in a Parsley Auto-generated Navigation Bar

Reordering the child items in an auto-generated navigation bar is as simple as adjusting some numbers in the content editing view.


Parsley's {{ navigation() }} call automatically creates a navigation bar based on an instances content models. Depending on how the call is configured, users will see child items in their navigation bar. Child items will show up in dropdowns underneath their parent item.

Note: the {{ navigation() }} call creates an HTML list structure but does not styles the navigation bar as shown below.

A dropdown of child pages

These child items are shown in the order they're created, however users may want to reorder them. Follow the steps below to reorder them.

Steps to reorder navigation child items

Using the image above as our example we're going to step through how to reorder child items.

1. Decide on the order that you want the child items in.

Example order of child items.

2. In the Manager UI, navigate to the Content section. Locate the item that you've selected to be your first child item and select it.

Locate your first child item and select it.

3. Scroll down to find the Parsley Behaviors section in the right-hand sidebar.

Parsley Behaviors in the right-hand sidebar.

4. Use the number picker to reorder your item.

Use the number picker to reorder your item.

5. Click the green Save button and preview your changes before sending them live.

Save and preview your changes.

6. If you're satisfied with the order click the blue Publish to send your changes live.

Click the blue Publish button to send your changes live.

7. Repeat steps 3-6 for each item that you'd like to reorder.

Start Here

We will listen to your needs and walk you through how Zesty can help your team.

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


zesty customer logo zesty customer logo zesty customer logo

Enter your details to connect with a Content Expert

First Name

Last Name


Phone (optional)


Please tell us about your project (optional)