html code inside dialog

[samuel786431]

Hi,

is there a way to put html code inside dialog?

For example i need a green div as first element of the dialog

Thanks

[edubey · Accepted solution]

Hi,

Take a look at Source Edit plugin available in Richext

https://docs.adobe.com/docs/en/cq/5-6-1/widgets-api/index.html?class=CQ.form.rte.plugins.MiscToolsPl...

[smacdonald2008]

Look into building a CQ dialog that uses this xtype:

https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.Ext.form.HtmlEditor

Hope this helps

[samuel786431]

I want to insert a bootstrap plugin inside the dialog.

So i need a real html code and not an editor or a rte plugin

[edubey]

I seems you need to create custom component

Can you please elaborate more on " insert a bootstrap plugin inside the dialog."

[smacdonald2008]

The only way to use JavaScript frameworks in AEM dialogs is to build a custom xtype. Then you can use JS code and make use of the JS plug-in. 

[samuel786431]

I need to use this plugin: http://mjolnic.com/fontawesome-iconpicker/

The js script is not a problem but i need to force some html rows inside the dialog

[edubey]

Take a look at OOTB Icon picker https://adobe-consulting-services.github.io/acs-aem-commons/features/icon-picker.html