Skip to Content

How to Set Icons for Lumira Chart Extensions

Have you ever wanted to set a custom icon instead of this generic lumira icons.png icon for your extensions?

What you need is just a small jpg or png file. For my extensions I used 50×50 pixel icons. Be sure that you are not attaching your family picture which is a couple of mb.

1. Inside vizpacker navigate to bundle.js.

/wp-content/uploads/2015/03/bundles_671741.png

2. Find the row that contains icon and write your icon name like the one below (“./football.png”)

/wp-content/uploads/2015/03/icon_671742.png

3. Locate your icon file under the deployed extension folder in lumira installation. Note that bundle.js (now name is concatenated with extension name) and icon files are in same folder.

/wp-content/uploads/2015/03/finished_671743.png

4. And the result!!!

/wp-content/uploads/2015/03/result_671757.png

Instead of modifying bundle.js inside vizpacker, it is also possible to modify the generated bundles file directly.

This file is stored under deployed extension folder that is seen on step 3.

4 Comments
You must be Logged on to comment or reply to a post.