Icon library(graphicIconSelect) not displaying icons in touchUI dialog for custom icons

Avatar

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile
bansalarjit
Level 1

11-03-2019

Hello Everyone,

I am facing an issue with the custom icon library for our project. Issue is that the custom icons are not visible in the touchUI dialog but on selecting it will come on page.

Similar issue is faced by others which i found but were not helpful:

     [AEM 6.3]-Icon Picker Not Showing Icons when using custom fonts · Issue #1387 · Adobe-Consultin...

I am using :

<icon
   jcr:primaryType="nt:unstructured"
   sling:resourceType="acs-commons/components/authoring/graphiciconselect"
   fieldDescription="Configure icon"
   fieldLabel="Icon"
   name="./icon">

   <datasource
   jcr:primaryType="nt:unstructured"
   sling:resourceType="acs-commons/components/utilities/genericlist/datasource"
   path="/etc/acs-commons/lists/font-awesome-icons"/>     (Here Instead of acs-commons path, I have given the path where my project icons are stored)

</icon>

I found a solution for this:

Kept icons in a separate client library folder and added it as a dependency in the acs-commons touchUI clientlibs ( /apps/acs-commons/touchui-widgets ).

Its working fine as expected.

But the problem here is that i feel this is not right to do modifications under acs-commons directly.

So if there is any other way to display the icons in the dialog then it would be helpful.

I am working on AEM6.4

Replies

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

11-03-2019

This looks like a ACS-COmmons issue. I would proceed as you have stated to make this fix.

Avatar

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile
bansalarjit
Level 1

11-03-2019

Thanks Scott.
Please let us know whevever this is fixed.

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

11-03-2019

I would log a bug against this part of AEM and in mean time - you can use the workaround you found.

Avatar

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile
bansalarjit
Level 1

11-03-2019

Sure Scott would do that.

Thanks

Avatar

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile

Avatar
Level 1
bansalarjit
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

0 solutions
View profile
bansalarjit
Level 1

22-03-2019

Hi Guys,

I found a better solution for this in which there is no need to modify acs-commons.

  • Create a separate client library for your icons - css,fonts,images.
  • And add extraClientlibs property in your dialog with the category value of your icons clientlibs.

Thanks,

Arjit

Avatar

Avatar
Level 1
eugenef92519541
Level 1

Likes

0 likes

Total Posts

1 post

Correct reply

0 solutions
View profile

Avatar
Level 1
eugenef92519541
Level 1

Likes

0 likes

Total Posts

1 post

Correct reply

0 solutions
View profile
eugenef92519541
Level 1

20-09-2019

Hi bansalarjit​,

We're using AEM 6.4 SP3 and experiencing the same issue.

Could you provide more detailed info on how to fix it?

Which dialog have you added extraClientlibs?

Have you make any changes to the widget wrapper?

Thanks,

Eugene

Avatar

Avatar
Validate 1
Level 1
Arjit_Bansal
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

1 solution
Top badges earned
Validate 1
Affirm 1
View profile

Avatar
Validate 1
Level 1
Arjit_Bansal
Level 1

Likes

0 likes

Total Posts

4 posts

Correct reply

1 solution
Top badges earned
Validate 1
Affirm 1
View profile
Arjit_Bansal
Level 1

07-10-2019

Hi Eugene,

Sorry i dont have the dialog code as of now but let me explain you in a better way. You have written some custom css for the custom icons right so this css files you can put in a clientLibrary folder and give it a category for this clientlib folder. Now you will have to load your custom css in the touchUi dialog (the dialog where you want to see your custom icons). So using extraClientlibs property in the dialog you can include your clientlib folder category. (extraClientlibs: ["category1","category2"]).

No changes to the widget wrapper.

Its like the TouchUi dialog is not able to load your custom css and will show square boxes sometimes instead of your custom icons or sometimes nothing will be displayed. So you have to make sure the dialog should have access to your custom css for which we are using the extraClientlibs property. extraClientlibs property will load your css for your touchUi dialog and not for your AEM webpage.