Disable add button in touch ui multifield

Avatar

Avatar

kishorek1264980

Avatar

kishorek1264980

kishorek1264980

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

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

859

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

859
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

Nirmal_Jose

MVP

Avatar

Nirmal_Jose

MVP

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