Disable add button in touch ui multifield

[Kishore_Kumar_]

hi team,

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

[arunpatidar · Accepted solution]

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");

                }

[Nirmal_Jose]

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