How to Customize Login Screen?

This Q&A forum allows users to post and respond to "How Do I Do ....." questions. Please do not use to report (suspected) errors - you must use your regional help desk for this. The information contained in this forum has not been validated by LANSA and, as such, LANSA cannot guarantee the accuracy of the information.
Post Reply
tpbabu
Posts: 2
Joined: Thu Sep 28, 2017 5:19 pm

How to Customize Login Screen?

Post by tpbabu »

Hi,

I am currently working on lansa web, when I have created a web application, by default it creates a login screen. Now I would like to customize that login page based on our color schemes and company standards, Could you please help me out where I need to do customization for login screen(Including support files like css styles and scripts). Thanks.

Thanks and Regards
T P Prakash Babu
jyoung
Posts: 694
Joined: Thu Jan 21, 2016 6:43 am
Location: Oklahoma City, OK USA

Re: How to Customize Login Screen?

Post by jyoung »

Not sure if I understand what you are working with. You mention VL Web and creating an Application. Are you referring to the Web Page Templates?

If so, you should find the Login Reusable Part in the "Reusable Parts" node of the Repository List. It will be named YourPrefixLogin. For example my prefix is JRX, so JRXLogin is the login component.
Capture1.PNG
Capture1.PNG (24.57 KiB) Viewed 10957 times
To modify the look for YourPrefixTheme under "Themes" in the Repository List. You can modify the theme to match your standards.
Capture2.PNG
Capture2.PNG (26.11 KiB) Viewed 10957 times
-Joe
tpbabu
Posts: 2
Joined: Thu Sep 28, 2017 5:19 pm

Re: How to Customize Login Screen?

Post by tpbabu »

Hi Team,

Please refer to the attached login page that we used in our project. We have developed an application and executing as VLF-ONE, attached is the output of our application which comes by default login screen. This default login screen has all required logic's for validating user credentials with our i-Series(AS400 system)

Is it possible to customize this login screen and apply themes as per company standard. Kindly let me know the steps of where to customize this default login page?
Attachments
Login.png
Login.png (26.88 KiB) Viewed 10924 times
jyoung
Posts: 694
Joined: Thu Jan 21, 2016 6:43 am
Location: Oklahoma City, OK USA

Re: How to Customize Login Screen?

Post by jyoung »

Since you are using VLF-ONE, the logon is made of a couple different reusable parts.

To customize the logon screen, you can either create your own reusable parts and swap out the defaults for your own or your can completely replace the logon dialog.

The UF_OEXEC page is the default entry point and loads up the Framework and logon parts. It has lots of comments to help you customize the UI. Including swapping out the header and trailer logon panels and adding a theme customizer.

http://docs.lansa.com/14/EN/lansa048/in ... 8_6700.htm

http://docs.lansa.com/14/EN/lansa048/in ... 8_6520.htm

- Joe
leojp
Posts: 24
Joined: Fri Sep 22, 2017 3:41 pm

Re: How to Customize Login Screen?

Post by leojp »

Hi,

We have now identified header, trailer of the login page. Moreover we took a copy of the existing code and renamed. Is there a option in Lansa Version 14 to apply a specific color theme on the default login page 'UF_OEXEC'. Or in other words is it possible to apply color and styles in the default login page.

It is observed that we identified a file 'VLFONE_Engine.js' and it has got some css changes. But if we try to configure that in our login web page(in the intergration tab) then will it render colors or css effects to the default login page.

Please advise.
leojp
Posts: 24
Joined: Fri Sep 22, 2017 3:41 pm

Re: How to Customize Login Screen?

Post by leojp »

Hi,

with reference to the recent post I was talking about adding vlfone_engine.js file as mentioned in the below link

http://docs.lansa.com/14/EN/lansa048/co ... 8_6910.htm
MarkD
Posts: 692
Joined: Wed Dec 02, 2015 9:56 am

Re: How to Customize Login Screen?

Post by MarkD »

The last theme you used is remembered in the browser’s local storage.

Working developer you can get confused by this. You need to remember clear the browser’s local storage cache.

If there is no remembered theme then the first enabled theme in the themes collection is used as the default.

The theme have been set by the VLF code before the logon form is displayed.
Post Reply