Disable add button in touch ui multifield | Community
Skip to main content
Kishore_Kumar_
November 2, 2019
Solved

Disable add button in touch ui multifield

  • November 2, 2019
  • 2 replies
  • 4472 views

hi team,

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

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

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

                }

2 replies

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
November 2, 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");

                }

Arun Patidar
Nirmal_Jose
Adobe Employee
Adobe Employee
November 3, 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/coralui3/Coral.Button.html for any other use cases