1Topic by sg-admin

Personalized login.html for an add-on application for our Platform

Topic: Personalized login.html for an add-on application for our Platform

Greetings to all.  We’re trying to create a small add-on application for our Wialon platform that is linked to the user accounts of our Wialon account.  So in order for clients to access the application, we’re redirecting them first to our domain/login.html to enter their account details and get the appropriate token.

What we want to ask is if it’s possible to change the default UI design of login.html or use a different one (not just the logo but the entire UI), but only for that specific add-on application, to make it personalized.  If it’s possible, can you provide us the api command to do it?  Because we’ve checked the login API command parameters and options and all we can do to alter it is use the login_simple.html (simplified form).  There is also the css_url parameter but I’m entirely sure the purpose of it and how to utilize it.

Any help will be very much appreciated.  Thank you.

0
2Reply by shmi

Personalized login.html for an add-on application for our Platform

  • shmi
  • Gurtam
  • Offline

Re: Personalized login.html for an add-on application for our Platform

Hey

It's very easy to customize login.html form using css_url parameter (see https://sdk.wialon.com/wiki/en/sidebar/ … gin/login)

1) You need to create css file and host somewhere (together with you app, on you site etc.). I must be accessible through direct link, for example, https://example.com/login.css
2) Add css_url parameter to login.htm like this: https://hosting.wialon.com/login.html?c … /login.css
3) All styles from login.css will be applied to login form. You can inspect CSS and change styles you want
4) Here's small sample to start (it hides logo and change background color)

body {
   background-color: #2d2c33;
}
.content .form-container {
    background: transparent;
}
.header {
    background: transparent;
}

Diana

+1
3Reply by hhamedk

Personalized login.html for an add-on application for our Platform

Re: Personalized login.html for an add-on application for our Platform

shmi wrote:

Hey

It's very easy to customize login.html form using css_url parameter (see https://sdk.wialon.com/wiki/en/sidebar/ … gin/login)

1) You need to create css file and host somewhere (together with you app, on you site etc.). I must be accessible through direct link, for example, https://example.com/login.css
2) Add css_url parameter to login.htm like this: https://hosting.wialon.com/login.html?c … /login.css
3) All styles from login.css will be applied to login form. You can inspect CSS and change styles you want
4) Here's small sample to start (it hides logo and change background color)

Are you sure that this work for login.html? Document says it's only for login_simple.html

hhamedk's Website

0
4Reply by shmi

Personalized login.html for an add-on application for our Platform

  • shmi
  • Gurtam
  • Offline

Re: Personalized login.html for an add-on application for our Platform

hhamedk
Yes, i'm sure. I've tested it before posting here

0
5Reply by hhamedk

Personalized login.html for an add-on application for our Platform

Re: Personalized login.html for an add-on application for our Platform

shmi wrote:

Yes, i'm sure. I've tested it before posting here

So, would you please ask your colleagues to edit documents?

hhamedk's Website

0
6Reply by shmi

Personalized login.html for an add-on application for our Platform

  • shmi
  • Gurtam
  • Offline

Re: Personalized login.html for an add-on application for our Platform

hhamedk wrote:

shmi wrote:

Yes, i'm sure. I've tested it before posting here

So, would you please ask your colleagues to edit documents?

Already asked. Sorry for confusing

0