Friday, January 13, 2017


Hello again in 2017!

Since i am a fan of using SVG images i always missed the feature to use as inline/embedded content inside my UI5 apps. Using SVGs by reference only does not allow to style parts of the image with css.

UI5 uses font based icons to include vector orientated images, but these kind of images are monochromatic only.

That's why i implemented a custom control, but also a prototyp which overrides the framework default behavior to allow usage off file names like NAME.inline.svg through different controls that have a img src property.

I included a demo, to show the usage off both implementations.


I put some links on top of the demo, that are quite handy helpers to work with SVG or infos in general.

As always, the github repository contains the control sources and a demo app.

Maybe the future of UI5 will be more colorful ;-)