AEM JEE Form Designer , How to create pop up modal to get password like input box ?

Avatar

Avatar

somnaths4227852

Avatar

somnaths4227852

somnaths4227852

04-10-2019

Hi Team,

Can anyone help to create pop up modal box which contains input field like password to get user entered data in AEM JEE Designer.

Accepted Solutions (0)

Answers (4)

Answers (4)

Avatar

Avatar

Mayank_Gandhi

Employee

Avatar

Mayank_Gandhi

Employee

Mayank_Gandhi
Employee

08-10-2019

You can create HTML code with basic auth and redirect it to HTML equivalent URL of forms. If the users can be brought in AEM you can use AEM login page as well on the AUTHOR.

Which workspace are you referring to when you say "AEM 6.4 workspace"?

-Mayank Gandhi

Avatar

Avatar

somnaths4227852

Avatar

somnaths4227852

somnaths4227852

07-10-2019

Hi Mayank,

Thanks for the reply. Yes this works perfectly in Workspace in PDF view. But when I switch to HTML view in AEM 6.4 workspace it does not work. Is there any alternative to achieve it.

Avatar

Avatar

Mayank_Gandhi

Employee

Avatar

Mayank_Gandhi

Employee

Mayank_Gandhi
Employee

04-10-2019

Yes, you can. '

Try this on your form initialize:

function dialog()

{

var dialogDescriptor =

{

description:

{

name: "dailog1",

elements: [

{

type: "view",

elements: [

{

type: "static_text",

name: "Please enter your name",

},

{

width: 200,

height: 22,

type: "edit_text",

item_id: "NAME",

},

{

type: "static_text",

item_id: "ERR1",

name: "You must enter your name",

}

]

},

{

type: "ok_cancel",

}

]

},

initialize : function(dialog)

{

dialog.load({

"NAME": dialogObject.NAME,

});

dialog.visible({"ERR1": false,});

dialog.setForeColorRed("ERR1");

},

validate : function(dialog)

{

var isValid = true;

var elements = dialog.store();

if (elements["NAME"] === "")

{

dialog.visible({ERR1:true});

isValid = false;

}

else

{

dialog.visible({ERR1:false});

}

return isValid;

},

commit : function(dialog)

{

var elements = dialog.store();

dialogObject.NAME = elements["NAME"];

},

"NAME" : function(dialog)

{

},

};

var dialogObject =

{

NAME: "",

execDialog: function() { return app.execDialog(dialogDescriptor); },

};

return dialogObject;

}

var d = dialog();

d.execDialog();

console.println(d.NAME);

There are few sample available online:

http://adobelivecycledesignercookbookbybr001.blogspot.com/2013/10/using-appexecdialog-in-adobe-desig...

Avatar

Avatar

workflowuser

Employee

Avatar

workflowuser

Employee

workflowuser
Employee

04-10-2019

Xfa.host.messagebkx