Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Disable add button in touch ui multifield

Avatar

Avatar
Validate 1
Level 2
kishorek1264980
Level 2

Likes

6 likes

Total Posts

39 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 3
Ignite 1
Give Back
Boost 5
View profile

Avatar
Validate 1
Level 2
kishorek1264980
Level 2

Likes

6 likes

Total Posts

39 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 3
Ignite 1
Give Back
Boost 5
View profile
kishorek1264980
Level 2

02-11-2019

hi team,

May i know how to disable add button on coral 3 multi field in touch UI when it reaches the maximum limit?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,155 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,155 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

02-11-2019

Hi,

You need to write code to achieve that e.g.

AEM - Touch UI Component Dialog Field Regex/Custom Validation

You can write this code on event of Add button

$inputEle = $("your multifield item")

var multiFieldItem = $inputEle.find("coral-multifield-item").size();

var multiFieldbutton = $inputEle.find(".coral-Button")

                if (multiFieldItem > max) {

                // disabled add button using javascript

multiFieldbutton.attr("disabled", "disabled");

                }

Answers (1)

Answers (1)

Avatar

Avatar
Validate 1
MVP
Nirmal_Jose
MVP

Likes

118 likes

Total Posts

207 posts

Correct Reply

58 solutions
Top badges earned
Validate 1
Establish
Coach
Contributor
Shape 1
View profile

Avatar
Validate 1
MVP
Nirmal_Jose
MVP

Likes

118 likes

Total Posts

207 posts

Correct Reply

58 solutions
Top badges earned
Validate 1
Establish
Coach
Contributor
Shape 1
View profile
Nirmal_Jose
MVP

03-11-2019

Adding to Arun's answer, if you want to keep another user experience for Coral UI, you can refer to https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/coral-ui/c... for any other use cases