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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

html property value not displaying in touch UI

Avatar

Level 2

The  dialog field  with additional properties "html"  displaying in classic UI ,but it is not displaying in touch UI .

Please find the following code

@DialogField(

xtype = "label",

additionalProperties = {

@Property( name = "html",

value = "<div style=\"color: #ff0000; border: 1px dashed #ff0000;\"><div style=\"text-align: center;\"><b style=\"color: #ff0000;\">Use ONLY \"ThankYou\" / \"Custom Thank You\" templates!</b></div><div style=\"color: #ff0000; text-align: center;\">Otherwise, you cannot track visitor channels.</div></div><br>")}

)

private static final DialogOnlyField STATIC_MESSAGE_1 = DialogOnlyField.getInstance();

DialogOnlyField .java

public final class DialogOnlyField {

private final static DialogOnlyField INSTANCE = new DialogOnlyField();

private DialogOnlyField() {

}

public static final DialogOnlyField getInstance() {

return INSTANCE;

}

}

Followed the below link , no luck , not worked .

https://stackoverflow.com/questions/35504183/aem-6-1-how-to-get-the-warning-icon-in-a-cqdialog/35572...

can anyone please help me  in this ?

dialog_property_classicUI.png

1 Accepted Solution

Avatar

Correct answer by
Administrator

See this Icon Picker //Do read comments as well

Or as used in this example: - Custom color picker component in Touch UI in AEM 6.x | Adobe AEM Club (Color Icon)

This should help you.

~kautuk

View solution in original post

5 Replies

Avatar

Correct answer by
Administrator

See this Icon Picker //Do read comments as well

Or as used in this example: - Custom color picker component in Touch UI in AEM 6.x | Adobe AEM Club (Color Icon)

This should help you.

~kautuk

Avatar

Level 10

What are you trying to do. If working in Touch UI, you should try to create an HTL component. For TOuch UI dialog, you can create a custom slign resource type to any component dialog - which is just a JQUery plug-in. See this article as an example -- Scott's Digital Community: Creating a custom Experience Manager sling:resourceType for Touch UI

However - @Property( name = "html",...) will nto work in TOuchUI dialog.

Avatar

Community Advisor

As Scott and Kautuk said, please take the reference of color picker helpx article to work in Touch UI.

If you are working in Touch UI, make sure you are using HTL(Sightly).

Regards,

Prince

Avatar

Level 10

Of course, use the ootb granite data types for basic fields in a component dialog:

Reference Materials

However - a custom sling resource type is used when the data type is not available with with the granite types -- such as a color picker.

Avatar

Level 10

Your HTML code - you specified in your example - would go into the HTL component as well.