Skip to main content
Kishore_Kumar_
Level 9
November 2, 2019
解決済み

Disable add button in touch ui multifield

  • November 2, 2019
  • 2 の返信
  • 4510 ビュー

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

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 の返信

arunpatidar
Community Advisor
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