Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

Pre populate data in touch ui dialog on click of multifield add button

Avatar

Level 4

Hi All,

 

I have a requirement where i have to pre populate a field inside multifield everytime "add" button is clicked. any guidance is appreciated

 

TIA

4 Replies

Avatar

Community Advisor

Hi @annkitaaggarwal 

 

You can write a simple on click event which can be triggered when someone clicks on the "Add" button in multifield. But what value it should populate? Where should we get this value?

Avatar

Level 4

i need to specify id there, where author can copy and use it to link if needed. can you please help me with a code snippet

Avatar

Community Advisor

Hi @annkitaaggarwal 

 

Please make sure your multifield node has the granite:class property with class name as "multifield-click" as the same class is referred in code.

 

Asutosh_Jena__0-1637331819371.png

 

Here is a sample code:

 

(function ($, $document) {
"use strict";

$document.on("dialog-ready", function () {

$(".multifield-click .coral3-Button--secondary").click(function(){
alert((Math.random().toString(36).substr(2, 9))); // Take this id and append in the input field where necessary.
})

});

})($, $(document));

 

Avatar

Level 4

Thanks, but can you guide me like, how to write the snippet for prepopule the dialog field on click on add button.

i am getting the alert, but not able to apend it with the field