How to convert classic UI xtype label to touch UI

Avatar

Avatar

AEM-Developer

Avatar

AEM-Developer

AEM-Developer

07-04-2021

Hi would like to convert classic UI dialog field having xtype="label" to touch UI , so that I can enter Instructions to authors in a readable manner. This should allow me to add HTML tags, CSS styles to the Instructions .

as an example : html="<p style="color: #0b3654; border: 1px solid #c7ddec; background: #deebf4; padding: 10px; border-radius: 3px; margin: 0 15px 15px 0; font-size: 12px; line-height: 18px;"><strong style="font-weight: bold;">Authoring Instructions</strong><br> • This sorts in ascending <br>  /p>"

Replies

Avatar

Avatar

kunal23

MVP

Avatar

kunal23

MVP

kunal23
MVP

07-04-2021

Have you tried using this resource type in Touch UI dialog ? - /libs/granite/ui/components/coral/foundation/text

Avatar

Avatar

AEM-Developer

Avatar

AEM-Developer

AEM-Developer

07-04-2021

Hi kunal thanks for your inputs /libs/granite/ui/components/coral/foundation/text is not working, also will it add the instructions in the dialog itself

Avatar

Avatar

jbrar

Employee

Avatar

jbrar

Employee

jbrar
Employee

08-04-2021

You can use the AEM Modernization tools for this conversion. See [1] for more details

 

[1] https://opensource.adobe.com/aem-modernize-tools/pages/tools.html