How to set a new badge on the SB1

Mark Jolley - March 08, 2018

One of the common question I get is "How do I set a new badge onto my SB1?" so this blog is designed to help solve that question.

In order to do this, I would suggest the following things are installed, very likely you will have them installed

A image editor such as MsPaint or GIMP - http://www.gimp.org/ or Paint.Net - http://www.getpaint.net/
A simple text editor such as NotePad++ - http://notepad-plus-plus.org/download/v6.4.2.html

So now you have those installed we can get on editing the standard SB1 badge.

This is the normal badge which comes with the SB1, and we can customize this to your own requirements

There are 3 stages which are needed to be done:

Stage 1: Create your bmp for the badge.

The badge needs to be 350x240 pixels in size to fit the display. On this bmp you could put whatever you like :-)

Just save your images as greyscale and you may need to change the Hue on the image to get the best resolution on the SB1. This is where GIMP comes very helpful

Here I have created "My First Badge". Added an image and text to create the below

Stage 2 Create the files for the device

Now you have the bmp, we need to create the files which reference the BMP.

First we need a HTML page holder to display the badge

Mark Jolley

Please Register or Login to post a reply

8 Replies

C Choon Sin LAU 13 years 2 months ago

I could not get this to work on my fresh SB1, did everything as told. Any clues what I did wrong? Do  I need an external application? It appears my SB1 only show FusionData and Log.txt

D Darryn Campbell 13 years 2 months ago

Hi Mark,

It's works perfectly OK on the SB1 while it not connected with MWM server. How can I set this badge while SB1 being connected to MWM b/c it's goes back to Motorola default batch while it's connected to MWM.

Regards,

Mazhar

C Choon Sin LAU 13 years 2 months ago

Hi Venkatesh,
This is an archive of all the files in the SB1's root folder. Please take a look

<a href="https://dl.dropboxusercontent.com/u/38083409/sb1.zip">https://dl.dropbo…;

D Darryn Campbell 13 years 2 months ago

Hello Garrick

I found two issues.
<ul>
<li>You must edit config.js for lockscreen configuration and include all other variables as it is. Your config.js files has only one entry.</li>
<li>You must include asl.js even in badge page also.</li>
</ul>
Due to some reason i could not find attachment button here. I have sent  a mail to you with working sample.

Hope this helps.

thanks
Chenna

C Choon Sin LAU 13 years 2 months ago

Thank you very much Venkatasubbaiah! Your support is very helpful and valuable to us. It is working perfectly now.

s shu hsing Ng 13 years 2 months ago

When logged into MWM, SB1 displays the contents of the file Badge.cshtml which is located in \MWMConsole\Areas\TSD\Views.
You can display the profile picture of the user by replacing logo.png with the user's picture using razor script/syntax.

V Venkatasubbaiah Chenna 5 years 7 months ago

You can set either in config.js or using asl API in your application.

Config.js
config.lockscreen.page = "<a href="http://www.example.com/badge.html">http://www.example.com/badge.html</a…;; //

In your apps page
Asl.badge("<a href="http://www.example.com/badge.html">http://www.example.com/badge.html</a…;);

Hope this helps.

Thanks
Chenna

V Venkatasubbaiah Chenna 5 years 7 months ago

Hello Garrick
Please send your user drive as zip and we will find the problem.

You can set badge in config.js either local html page or remote page. Or you can even set badge in your app using asl.badge(URL);

thanks
Chenna

View all articles