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

Customize selection xtype to show images in dialog box

Love_Sharma
Level 4
Level 4

Hi All,

We use selection xtype to show dropdown in dialog box. I have a site where we are using many icon classes. I want to show icons with text in dropdown list in my dialog box.

Could anyone help with this. 

Thanks in Advance

Love Sharma

2 Replies
smacdonald2008
Level 10
Level 10

Most of the community is using Touch UI and no longer xtype.

However - to perform this task - you need to write a custom xtype using JS in a client lib. See this article to show you how to write a custom xtype: 

https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

you need to code with the CQ.form.Selection class. 

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

kautuk_sahni
Community Manager
Community Manager

Hi 

Adding to Scott, Please have a loot at this ACS implementation:

Link:- https://github.com/Adobe-Consulting-Services/acs-aem-commons/tree/master/bundle/src/main/java/com/ad...

// this covers DialogRewriteRule which handles rewriting of the 'graphiciconselection' xtype.

~kautuk