1

How to add a custom app icon?

(edited by Monica 11/02/2021 02:45:41)

Topic: How to add a custom app icon?

Hi, I have the development of an App in Node integrated into Telematics, but I cannot customize the icon by adding the "app" folder with the "logo.png". I send an image of what I would like to do, I hope you can help me. Thank you.

2

How to add a custom app icon?

Re: How to add a custom app icon?

Hello Monica!

In order to add a custom icon to your app added to the apps list in Wialon, please do the following:

Save your logo/icon file named "logo.png" in the application folder named "app" (you need to create a new folder) where your app is hosted.
The full server path for the logo should be "/app_URL/app/logo.png".
For example, for the app hosted at "http://staging.bluearrowfuel.com", the icon must be located at  "http://staging.bluearrowfuel.com/app/logo.png".

Add your app via "Apps Configurator" in your CMS account (https://docs.wialon.com/en/hosting/cms/apps/apps) and in the field "URL:" specify the server path to your app (e.g. http://staging.bluearrowfuel.com)

Diana Cheley
Wialon Hosting Expert
Gurtam
3

How to add a custom app icon?

Re: How to add a custom app icon?

Diana wrote:

Hello Monica!

In order to add a custom icon to your app added to the apps list in Wialon, please do the following:

Save your logo/icon file named "logo.png" in the application folder named "app" (you need to create a new folder) where your app is hosted.
The full server path for the logo should be "/app_URL/app/logo.png".
For example, for the app hosted at "http://staging.bluearrowfuel.com", the icon must be located at  "http://staging.bluearrowfuel.com/app/logo.png".

Add your app via "Apps Configurator" in your CMS account (https://docs.wialon.com/en/hosting/cms/apps/apps) and in the field "URL:" specify the server path to your app (e.g. http://staging.bluearrowfuel.com)


Hi, I followed the steps but isn't worked, my url looks like this: "http://notify/login/signin" according to my configuration in Node and I save the folder in the root of my project. I share a screenshot. I hope you can support me. Thank you

4

How to add a custom app icon?

Re: How to add a custom app icon?

Monica wrote:

Hi, I followed the steps but isn't worked, my url looks like this: "http://notify/login/signin" according to my configuration in Node and I save the folder in the root of my project. I share a screenshot. I hope you can support me. Thank you

Hello Moniica!

You need to safe logo not in root folder, but at folder with name 'app'

When you add your app at Wialon by some URL, like http(s)://fulL_url_to_your_app.com/something_else/else, Wialon will try to upload logo from ULR
http(s)://fulL_url_to_your_app.com/something_else/else + app + logo.png =  http(s)://fulL_url_to_your_app.com/something_else/else/app/logo.png

Diana Cheley
Wialon Hosting Expert
Gurtam
5

How to add a custom app icon?

Re: How to add a custom app icon?

Monica

You should put your app folder under the public folder, so you can access directly

6

How to add a custom app icon?

Re: How to add a custom app icon?

Diana wrote:
Monica wrote:

Hi, I followed the steps but isn't worked, my url looks like this: "http://notify/login/signin" according to my configuration in Node and I save the folder in the root of my project. I share a screenshot. I hope you can support me. Thank you

Hello Moniica!

You need to safe logo not in root folder, but at folder with name 'app'

When you add your app at Wialon by some URL, like http(s)://fulL_url_to_your_app.com/something_else/else, Wialon will try to upload logo from ULR
http(s)://fulL_url_to_your_app.com/something_else/else + app + logo.png =  http(s)://fulL_url_to_your_app.com/something_else/else/app/logo.png


Hi! thank you, it works!

7

How to add a custom app icon?

Re: How to add a custom app icon?

QuackBtz wrote:

Monica

You should put your app folder under the public folder, so you can access directly


Hello, thank you!! Is working!

8

How to add a custom app icon?

Re: How to add a custom app icon?

Diana wrote:
Monica wrote:

Hi, I followed the steps but isn't worked, my url looks like this: "http://notify/login/signin" according to my configuration in Node and I save the folder in the root of my project. I share a screenshot. I hope you can support me. Thank you

Hello Moniica!

You need to safe logo not in root folder, but at folder with name 'app'

When you add your app at Wialon by some URL, like http(s)://fulL_url_to_your_app.com/something_else/else, Wialon will try to upload logo from ULR
http(s)://fulL_url_to_your_app.com/something_else/else + app + logo.png =  http(s)://fulL_url_to_your_app.com/something_else/else/app/logo.png


Hi!, The logo is not seen in any browser, only Firefox but only in mine, in other browsers Firefox is not visible. What I can do?

9

How to add a custom app icon?

Re: How to add a custom app icon?

QuackBtz wrote:

Monica

You should put your app folder under the public folder, so you can access directly

Hi!, The logo is not seen in any browser, only Firefox but only in mine, in other browsers Firefox is not visible. What I can do?

10

How to add a custom app icon?

Re: How to add a custom app icon?

Monica wrote:
QuackBtz wrote:

Monica

You should put your app folder under the public folder, so you can access directly

Hi!, The logo is not seen in any browser, only Firefox but only in mine, in other browsers Firefox is not visible. What I can do?

Hi!

Please make sure that Wialon site and app's DNS are used the both HTTPS or HTTP
If site opens via HTTPS, and app has DNS with HTTP, the browser doesn't allow to show mixed content (you can see this error in developer console)

Diana Cheley
Wialon Hosting Expert
Gurtam