Disable add button in touch ui multifield | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
arunpatidar
arunpatidarAccepted solution
New Participant
Nov 2, 2019 6:35 PM UTC

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
View reply

2 replies

Nirmal_Jose
Nirmal_Jose
Employee
Nov 3, 2019 9:36 PM UTC

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

Translate
    arunpatidar
    arunpatidarAccepted solution
    New Participant
    Nov 2, 2019 6:35 PM UTC

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

                    }

    Translate
    Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...