Skip to Content

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.

To report this post you need to login first.

4 Comments

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

  1. Tim Schauder

    Since Lumira 1.28 there seems to be no support for custom icons anymore. Does anyone know whether the api changed or when this will be fixed (if it’s a bug)?

    Kind Regards

    Tim

    (0) 

Leave a Reply