Touch UI dialog

Hi @vineethakolipaka , 

As Arun said, you have to write JS on your dialog to change field values based on author inputs.

Write something like this based on your requirements. 

(function ($, $document, Coral) {
    var selectfield = {};
    $document.on("dialog-ready", function () {

        selectdata = [];
        const form = document.querySelector('form.cq-dialog');

        init();

        /*Start of Functions**/
        function init() {
            try {
                selectfield.actionPath = form.action;
                 // console.log(selectfield.actionPath);
                processData();
            } catch (err) {
                 // console.log(err.message + ', Component not available');
            }
        }

        function processData() {
            $.ajax({
                url: `/bin/design_dialog?path=${form.action}`,
                async: false,
                dataType: 'json',
                success: function (data) {
                    selectdata = data.groups;
                    readInputValues(selectdata);
                }
            });
        }
function readInputValues(selectdata) { 
/*Write your own logic as required*/. 
 setDropDownValue(data);
 }


 function setDropDownValue(data) {
  /*Write your own logic as required*/.
}
// then apply your desired output values back into dialog
$(document).on("click", ".cq-dialog-submit", function (e) {
/* proces & apply your data here*/
});
 $('input[data-class^="**youridentifier**"]').change(function () {
/* change selector values*/
});

})($, $(document), Coral);

Regards,
Aditya.Ch