Skip to main content
AEM-Developer
April 8, 2021

How to convert classic UI xtype label to touch UI

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>"

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

Kunal_Gaba_
Kunal_Gaba_
New Member
April 8, 2021

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

Translate
    AEM-DeveloperAuthor
    April 8, 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
    Translate
    Adobe Employee
    user05162Adobe Employee
    Adobe Employee
    April 8, 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

     

    Translate
      Terms & ConditionsAccessibility statement

      Loading footer...