AEM - Authoring - Multifield counter | AEM Community Blog Seeding | Community
Skip to main content
kautuk_sahni
Community Manager
Community Manager
July 20, 2022

AEM - Authoring - Multifield counter | AEM Community Blog Seeding

  • July 20, 2022
  • 2 replies
  • 758 views

BlogImage.jpg

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

September 19, 2022

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

 

 

 

 

 

 

arunpatidar
Community Advisor
Community Advisor
September 19, 2022

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

 

Arun Patidar