Cannot add toolbar icon image

[ghillerson]

I'm trying to add a toolbar icon in my responsive HTML5 skin (Flare 10). I have a 22x22 PNG image, which i copied into my Resources/Images directory.

I open up the skin editor, Styles tab, and select my button. I then dropdown the Background styles, and click the down-arrow in the Image: textbox/file selector. It does not include my PNG image. If I click the Select Image button, i can navigate to my image and select it, but when I click the OK button in the file dialog, the name doesn't show up in the Image: textbox. When I click the file selector button, it shows me the name of what looks like a temporary directory with a name like (_33D04D5) -- this name changes if I close/reopen the project.

I must be missing something obvious here. Can someone help?

Thanks in advance,
Gary

[rob hollinger]

Hello Gary,
There is an issue with adding images to the skin if the images are located in the project.
Move the images outside of the project, then add them to the skin.

[ghillerson]

Thanks, Rob. I got it to work (without knowing that was the exact issue) last night, and meant to post a follow-up.

One thing, though: it might be good to have a succinct page or two that walks one through the process of adding a button, putting an icon on it (with sizing info), and associating a function with its click event. I found bits and pieces in various places and got it to work, but it took a lot of time sorting through info for what turns out to be a straightforward process.

Thanks for the follow-up

g