Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

How to convert classic UI xtype label to touch UI

Avatar

Avatar
Ignite 1
Level 1
AEM-Developer
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
View profile

Avatar
Ignite 1
Level 1
AEM-Developer
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
View profile
AEM-Developer
Level 1

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
Validate 10
MVP
kunal23
MVP

Likes

166 likes

Total Posts

565 posts

Correct Reply

172 solutions
Top badges earned
Validate 10
Validate 1
Ignite 3
Ignite 1
Give Back 50
View profile

Avatar
Validate 10
MVP
kunal23
MVP

Likes

166 likes

Total Posts

565 posts

Correct Reply

172 solutions
Top badges earned
Validate 10
Validate 1
Ignite 3
Ignite 1
Give Back 50
View profile
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
Ignite 1
Level 1
AEM-Developer
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
View profile

Avatar
Ignite 1
Level 1
AEM-Developer
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Ignite 1
Give Back
View profile
AEM-Developer
Level 1

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
Coach
Employee
jbrar
Employee

Likes

388 likes

Total Posts

869 posts

Correct Reply

283 solutions
Top badges earned
Coach
Establish
Give Back 50
Give Back 5
Give Back 3
View profile

Avatar
Coach
Employee
jbrar
Employee

Likes

388 likes

Total Posts

869 posts

Correct Reply

283 solutions
Top badges earned
Coach
Establish
Give Back 50
Give Back 5
Give Back 3
View profile
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