AEM - Authoring - Multifield counter | AEM Community Blog Seeding

[#1]

AEM - Authoring - Multifield counter by Arun Patidar

Abstract

Multifield component allows to add/reorder/remove multiple instances of a field.

In the simplest case this is a simple form input field (e.g. textfield, textarea) but it can also be a complex component acting as an aggregate of multiple subcomponents



I created a simple dialog which has textfield and pathfield types as subcomponents and look like below in the diagram.I have also authored this with 5 multifield items which are shown in below.

Can you see all 5 items? Answer is No and to see all 5 you need to scroll down in the form.

The current design does not gives hint of how many items are there and where individuals item is starts and ends. If the multifield item has many field then it is difficult for Author to visualise this.

Read Full Blog

AEM - Authoring - Multifield counter

Q&A

Please use this thread to ask the related questions.

[#2]

I tried this solution my project on AEM 6.5 and I am getting counter like shown in below image. Not like the one which was shown in the blog. Any idea how I can achieve the exact same counter as shown in blog post ? 

Actual multifield counter

As shown in blog post

Arun Patidar

[#3]

I have only tested this in AEMaaCS. It should work in other AEM versions as well if coral-multifield-item contains aria-label, otherwise you can use CSS counters. e.g. https://github.com/arunpatidar02/aem63app-repo/blob/master/forum/multifield.number.css 

Note : Look and feel between AEMaaCS and AEM6.5 maybe different because of implementation