Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

how to put horizontal line after each multifield for seperation and how can I group two or more elements eg(text field, select field ) under one title

Avatar

Level 5

hi , I want to know the procedure to group two or more elements of AEM component like(textfield,selectfield) to come under one title.....is it possible?.

also is there any way to put separation among two fields of multifield , if so how can I achieve it?

 

Thank you

Rahul

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Here you could see I have added horizontal line as a separator -

DEBAL_DAS_1-1648789650732.png

 

Earlier also I have implemented this using 'granite/ui/components/coral/foundation/heading' as shown below -

 

DEBAL_DAS_3-1648789755826.png

 

 

DEBAL_DAS_2-1648789701215.png

 

Hope this will help.

View solution in original post

3 Replies

Avatar

Correct answer by
Employee Advisor

Here you could see I have added horizontal line as a separator -

DEBAL_DAS_1-1648789650732.png

 

Earlier also I have implemented this using 'granite/ui/components/coral/foundation/heading' as shown below -

 

DEBAL_DAS_3-1648789755826.png

 

 

DEBAL_DAS_2-1648789701215.png

 

Hope this will help.

Avatar

Employee Advisor

Regarding "how can I group two or more elements eg(text field, select field ) under one title" if you are looking for below one -

DEBAL_DAS_0-1648895756286.png

Then you can use -

a. 

DEBAL_DAS_1-1648895827557.png

b. 

DEBAL_DAS_2-1648895894486.png

 

persisted author's entries -

DEBAL_DAS_3-1648895954458.png