How to set custom icon for extension Logo

varsha_naik · March 3, 2020, 6:46am

getting error When I replace in aiwebres\sss.png.

Red_Panda · March 3, 2020, 10:09pm

Whats the difference? o.O

kangris · March 4, 2020, 4:29am

kangris · March 4, 2020, 4:30am

@SimpleObject(external = true)
@DesignerComponent(category = ComponentCategory.EXTENSION, description = "Uidesign Extension developed by varsha", iconName = “aiwebres/sss.png”, nonVisible = true, version = 1)

varsha_naik · March 4, 2020, 5:02am

What is difference in both code

kangris · March 4, 2020, 5:08am

Just try @varsha_naik or you can send your sample code

varsha_naik · March 4, 2020, 6:08am

I already try getting error skipping icon

Ken · March 4, 2020, 6:12am

Are you using a 16x16 px image?

varsha_naik · March 4, 2020, 6:12am

yes 16*16 px

Ken · March 4, 2020, 6:29am

Are you working with 2 different extensions here?
Packagename and path to .java should match.

varsha_naik · March 4, 2020, 10:36am

no I m only working on one extensions

vishwas · March 4, 2020, 4:02pm

Have you tried aiwebres\\sss.png?

varsha_naik · March 4, 2020, 5:47pm

No I don’t try this now I’ll try

Red_Panda · March 6, 2020, 2:07pm

I tried various combinations now, here’s what I found out.

Backslashes don’t work at all, neither single or double backslash
Relative paths and absolute paths do not work at all
The only way I got it to work is in the form aiwebres/example.png, but then the image must be relative to appinventor-sources/appinventor/components/src in the folder your/package/aiwebres

IMHO it should be possible to specify absolute or relative paths

Jorge_Gaspar · April 21, 2020, 1:24am

The solution is to replace “aiwebres/icon.png” by string with textencoder of image icon. To this, you can use: https://www.base64-image.de/ or other online coder/decoder (data:image/png;base64,…)

jean-marc_Latour · April 22, 2021, 7:47am

I didn't succed to have icon in extension too...
this is my code:

  @DesignerComponent(version = 1,  description = "gestion appel telephoniques" + 
               "jm Latour",
    category = ComponentCategory.EXTENSION,
    nonVisible = true,   iconName = "icone/music.png")
@UsesPermissions(permissionNames = "android.permission.ANSWER_PHONE_CALLS")
@SimpleObject(external = true)

and info from ant extensions:

 [javac] warning: [options] bootstrap class path not set in conjunction with -source 1.7
[javac] 1 warning
 [java]
 [java] Extensions : Generating extensions
 [java]
 [java] Extensions : Generating files [jml.JmlPhoneCall]
 [java] Extensions : Skipping missing icon icone/music.png
 [java] Extensions : Copying file jml\JmlPhoneCall\JmlPhoneCall.class
 [java] Extensions : Successfully created jml.JmlPhoneCall build info file
 [java] Extensions : Successfully created jml.JmlPhoneCall extension properties file

BUILD SUCCESSFUL
as Varsha_naik, i tried with absolute path without any change

is somebody can help ?

Juan_Antonio · April 22, 2021, 8:39am

Extension. iconName.

A good way to insert the iconName is the one commented by @Jorge_Gaspar

1.- Enter:

2.- Upload your 18x18 icon and turn it into Base64.
3.- Insert that code Base64 in
iconName = "data:image/png;base64,iVBORw0KG...............")

Patryk_F · April 22, 2021, 8:45am

In the same directory as you have the extension java file, create a directory "aiwebres", and put the icon there. It works for me in Windows.

jean-marc_Latour · April 22, 2021, 9:07am

my icon is in a directory named "icone". i tried to rename it "aiwebres" but no change !
this directory is where i have java file

I tried with an icon from internet

but same result. it seems it's not my icon the trouble

jean-marc_Latour · April 22, 2021, 9:30am

Juan_Antonio i tested your solution.
i get code:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABNSURBVDhPY/z//z8D0eDVq1dMUCbRgPYa0P2wdOlSKAsMoqOjoSwwAPqB2p5GsxAIKPM00DxkIzGNBwL6Byt+MEiTxsuXL6FMYgADAwBeliR/wJ+5NgAAAABJRU5ErkJggg==

but same result:

     [java] Extensions : Generating files [jml.Pitagoras]
 [java] Extensions : Skipping missing icon  data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABNSURBVDhPY/z//z8D0eDVq1dMUCbRgPYa0P2wdOlSKAsMoqOjoSwwAPqB2p5GsxAIKPM00DxkIzGNBwL6Byt+MEiTxsuXL6FMYgADAwBeliR/wJ+5NgAAAABJRU5ErkJggg==
 [java] Extensions : Copying file jml\Pitagoras\Pitagoras.class
 [java] Extensions : Successfully created jml.Pitagoras build info file
 [java] Extensions : Successfully created jml.Pitagoras extension properties file