bymaximus / msfs2020-toolbar-window-template

Microsoft FlightSimulator 2020 Toolbar Extra Window Template
118 stars 39 forks source link

Changing Icon On Toolbar #19

Open Orbitally opened 3 years ago

Orbitally commented 3 years ago

Heya! I was wondering how to go about changing the icon that would show up on the toolbar. Also a separate question I had was, the sim crashes when ever I use this template with another panel that is also using the template because I think the file names are the same in some places. Any ideas on how to fix this would be welcome!

mambulo commented 3 years ago

Just an advise, I had problems also with a "blank" icon if you attempt to change the default that comes with this package, the problem is that the svg image file has an internal XML, if you open the file from a web browser then right click on "see source code", you will see that it has an XML, you have to match (more or less) that XML to what your new svg image icon is, there are tools out there for free like inkscape, you can use for edit the icon, however, the resulting svg image will not have a correct XML, you need other tools to correct it or SVG cleaner (another tool) to correct the file, once you done that, THEN you can use it in MSFS. This is just my 2 cents to help you on the icon problem

andrewwardlaw commented 2 years ago

Hi @bymaximus I'm struggling to get the icon to work. Even on your template. Just running that with no changes at all I just get a blank box. image

Any ideas?

I've re-compiled numerous times.

mambulo commented 2 years ago

The problem you have is that the svg file of your icon doesn't follows the format that the toolbar template icon's have. There is an embeded XML inside the svg file, you need to correct/edit, in order to look at it, as an example, go here:

https://www.svgviewer.dev/

and load/open your svg icon's file, and open the maximus' svg icon file, and compare them, and you will notice you must correct the XML code in your svg icon's file, save it, and download it, that's the way I found to get MSFS to load my icon.

Cheers,

Manuel

andrewwardlaw commented 2 years ago

Hi, Thanks for the reply, I just got it sorted. It wasn't the SVG it was the folder structure. The example doesn't contain html_ui/icons/toolbar which seemingly needs to house the SVG file also and then layout.json needs updating also.

Once both of those were completed the icon showed.

Thanks

Andrew

fweinrebe commented 1 year ago

Thanks Andrew,

saved a lot time by your post. I saw the other addons were using html_ui/icons/toolbar/.svg and your post confirmed that.

Just to add for others, there is a very nice tool to update your layout.json file and that is called MSFS Painter Toolkit. Available free at: https://flightsim.to/file/1197/default-thumbnail-generator

Regards Fritz

WilliamRiker2701 commented 7 months ago

Also, you have to copy the folder "Textures" in the same directory and rename it "icons". This was the final step that solved my issue, as I was trying to modify the svg inside "Textures" and there was no effect inside the game. The one I had to modify instead was the svg inside "icons".