Adding preview option in cq:dialog

jezwn

12-11-2019

Is it possible to add a session in cq:dialog which renders whatever data is supplied in the fields and previews it out in real time. In the simplest of scenarios, I need to add two numbers and when I enter both the numbers the cq:dialog should preview it's output as 4. There should be two sessions in the the cq:dialog, like two columns, the left one to enter value to the fields and the right to display the rendered output. How to achieve this? Is it possible to?

Accepted Solutions (1)

Accepted Solutions (1)

Umesh_Sondhi

MVP

13-11-2019

No it can't be possible through Touch UI dialog. Also, as per the spec​​ Sightly does not support operations inside expressions. You would need to create a helper use-object (using either JavaScript or Java) that would provide the test threshold/reference value.

Answers (1)

Answers (1)

ArpitVarshney

MVP

14-11-2019

Hi jezwn​,

  • use extraclientlib property to add your dialog specific clientlibs.
  • write your logic in clientlib js.

Take a reference from this GitHub - Adobe-Marketing-Cloud/aem-authoring-dialog-fields-customization: Sample for customizing fie...

Usually we write JS for fields validations in a dialog.However I never came across such kind of requirements but it should be achievable using above steps.

Regards,

Arpit Varshney