This forum allows developers to post programming tips and coding techniques that may be useful to other Visual LANSA developers. The information contained in this forum has not been validated by LANSA and, as such, LANSA cannot guarantee the accuracy of the information.
The Google Material Icons (https://design.google.com/icons/) can be used in browser applications by making use of the Material Icons Font.
As the icons are delivered as a font, they follow the same styling rules as all other fonts, allowing the foreground color to be changed and the font to appear in many different sizes.
The attached import contains a Webpage, Reusable part and a Widget.
Untitled.png (31.6 KiB) Viewed 95173 times
The page uses a Tile control with an individual tile for each of the 900+ listed icons. The IconName property of the widget is set to the required icon name and the icon will be shown at runtime.
You are correct, I hadn't compiled the tile design. After compiling all the RPs I still had an issue because I hadn't compiled the widget. It is now working.
There must be a better way to handle this. The error message doesn't always tell where the problem is and as only the short name is displayed it is difficult to locate the offending object. I'd like to be able to see the web pages dependencies in a single view and compile them with a single click.
The widget used in the example provided must download these files in order to display the icons. This download is done on the client PC by browser used. If either file cannot be downloaded, you will get an effect similar to the above.
When running the VL web page, have a look at the browser console and see if you are getting any errors. The issue could be related to cross-site scripting.
