Granite UI Multifield Sightly Traverse | Iterate Simple Example | AEM Community Blog Seeding

[#1]

Granite UI Multifield Sightly Traverse | Iterate Simple Example by sourcedcode

Abstract

In this article, we will share an example on on how we can iterate and traverse through multifield nodes that have been generated by the Touch UI using Sightly in a very simple way.

Going through this article, we will be setting up multifield Granite UI links (as if we are building a menu navigation). Each link will define it’s own path, label, and target. Take a look at both screenshots below. One screenshot indicates how a multifield Granite UI field will look like, and in the second screenshot displays how saved nodes would look like in the crx/de console.

Step 1. Touch UI Configuration
Putting together a very basic Touch UI configuration using tabs to organize our Granite UI fields. Here we will place the entire configuration under:
/apps/sourcedcode/components/content/multilistexample/_cq_dialog/.content.xml.

line: 34, declaring a multifield
line: 42, declaring multifield > label
line: 48, declaring multifield > path
line: 55, declaring multifield > target

Read Full Blog

Granite UI Multifield Sightly Traverse | Iterate Simple Example

Q&A

Please use this thread to ask the related questions.