VLF-ONE, customized Logon screen, fix alignment

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
User avatar
Dino
Posts: 133
Joined: Fri Jul 19, 2019 7:49 am
Location: Robbinsville, NC
Contact:

VLF-ONE, customized Logon screen, fix alignment

Post by Dino » Wed May 26, 2021 5:30 am

Hi

You can change the logon screen for the VLF-ONE using the activity for "Custom Launch and SIn-in forms" which creates your own xxx_LogonTrailer, xxx_LogonHeader and xxx_LaunchPage, but I dont know how to put the User and Password section in the center. Does anyone knows how you do that?

Image

thank you

gerryc
Posts: 10
Joined: Fri Apr 21, 2017 8:32 pm

Re: VLF-ONE, customized Logon screen, fix alignment

Post by gerryc » Wed May 26, 2021 10:28 pm

Hi Dino,

In your VLF-One web page (UF_OEXEC,T_25LAUNC, etc) there should be a layout manager - is the 'Attachment' property set to 'Center?':
Attachments
VLFOne_Execution_entry_point.jpg
VLFOne_Execution_entry_point.jpg (46.2 KiB) Viewed 627 times

User avatar
Dino
Posts: 133
Joined: Fri Jul 19, 2019 7:49 am
Location: Robbinsville, NC
Contact:

Re: VLF-ONE, customized Logon screen, fix alignment

Post by Dino » Wed May 26, 2021 10:58 pm

Hi Gerry

Yes, it is by default in Center but still the user and password section is in the left:

Code: Select all

Begin_Com Role(*EXTENDS #PRIM_WEB) Layoutmanager(#WebFormLayoutManager)

Define_Com Class(#PRIM_ATLM) Name(#WebFormLayoutManager)
Define_Com Class(#PRIM_ATLI) Name(#VLF_One_AttachItem) Parent(#WebFormLayoutManager) Attachment(Center) Manage(#VLF_ONE)
Define_Com Class(#PRIM_ATLI) Name(#AttachItem1) Attachment(Top) Manage(#VF_AC026O) Parent(#WebFormLayoutManager)
Define_Com Class(#PRIM_ATLI) Name(#AttachItem2) Attachment(Top) Manage(#VF_AC026O1) Parent(#WebFormLayoutManager)
Define_Com Class(#PRIM_ATLI) Name(#AttachItem3) Attachment(Top) Manage(#VF_AC026O2) Parent(#WebFormLayoutManager)

Define_Com Class(#VF_AC006O) Name(#VLF_ONE) Parent(#COM_OWNER) Height(800) Width(1200)
Define_Com Class(#VF_AC026O) Name(#VF_AC026O) Displayposition(2) Left(8) Parent(#COM_OWNER) Tabposition(2) Top(8)
Define_Com Class(#VF_AC026O) Name(#VF_AC026O1) Displayposition(3) Left(8) Parent(#COM_OWNER) Tabposition(3) Top(8)
Define_Com Class(#VF_AC026O) Name(#VF_AC026O2) Displayposition(4) Left(8) Parent(#COM_OWNER) Tabposition(4) Top(8)

gerryc
Posts: 10
Joined: Fri Apr 21, 2017 8:32 pm

Re: VLF-ONE, customized Logon screen, fix alignment

Post by gerryc » Thu May 27, 2021 12:07 am

Hi Dino,

Create your own Logon Handler (Reusable part that *Extends #VF_AC026O) and then in this new reusable part, position the credential fields in the middle of the screen (or use a layout). You'll have to do this for both the Material Design input fields and the non-MD fields.
Make sure that you specify your new logon handler in the launch page:
Attachments
VLFOne_Login.jpg
VLFOne_Login.jpg (28.81 KiB) Viewed 623 times

User avatar
Dino
Posts: 133
Joined: Fri Jul 19, 2019 7:49 am
Location: Robbinsville, NC
Contact:

Re: VLF-ONE, customized Logon screen, fix alignment

Post by Dino » Thu May 27, 2021 2:34 am

Hi Gerry

I tried that but seems that the change only apply inside that frame. it still loads in the left or gets all messed up.
I would think that to keep the elements under the maximum size of that panel should be best for now instead of trying to have the header and trailer wider.

gerryc
Posts: 10
Joined: Fri Apr 21, 2017 8:32 pm

Re: VLF-ONE, customized Logon screen, fix alignment

Post by gerryc » Thu May 27, 2021 8:24 pm

Hi Dino,

Try this as your Logon Handler Reusable Part:

Code: Select all

Function Options(*DIRECT)
Begin_Com Role(*EXTENDS #VF_AC026O) Height(585) Width(673)

Define_Com Class(#PRIM_TBLO) Name(#Layout)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutColumn1) Displayposition(1) Parent(#Layout)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutColumn2) Displayposition(2) Parent(#Layout)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutRow1) Displayposition(1) Parent(#Layout) Height(75) Units(Pixels)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutRow2) Displayposition(2) Parent(#Layout) Height(75) Units(Pixels)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutRow3) Displayposition(4) Parent(#Layout)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutRow5) Displayposition(3) Parent(#Layout) Height(45) Units(Pixels)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem1) Column(#LayoutColumn1) Manage(#PlatformUProfileText) Parent(#Layout) Sizing(None) Row(#LayoutRow1) Alignment(TopCenter) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem2) Column(#LayoutColumn1) Manage(#PassordText) Parent(#Layout) Sizing(None) Row(#LayoutRow2) Alignment(TopCenter) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem3) Column(#LayoutColumn1) Manage(#OpenText) Parent(#Layout) Sizing(None) Row(#LayoutRow3) Alignment(TopCenter) Marginright(8) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem5) Manage(#InputPlatformU) Parent(#Layout) Row(#LayoutRow1) Sizing(None) Column(#LayoutColumn1) Alignment(TopCenter) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem6) Manage(#OutputPlatformP) Parent(#Layout) Row(#LayoutRow2) Sizing(None) Column(#LayoutColumn1) Alignment(TopCenter) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem7) Manage(#InputPlatformP) Parent(#Layout) Row(#LayoutRow2) Sizing(None) Column(#LayoutColumn1) Alignment(TopCenter) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem9) Manage(#LogonButton) Parent(#Layout) Row(#LayoutRow3) Sizing(None) Column(#LayoutColumn1) Alignment(CenterRight) Marginright(8)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem10) Manage(#CancelButton) Parent(#Layout) Row(#LayoutRow3) Sizing(None) Column(#LayoutColumn2) Alignment(CenterLeft)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem11) Manage(#FrameworkVisibleList) Parent(#Layout) Row(#LayoutRow3) Sizing(None) Column(#LayoutColumn1) Alignment(TopCenter) Columnspan(2) Flow(Down)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem4) Column(#LayoutColumn1) Manage(#InputPlatformP_MD) Parent(#Layout) Row(#LayoutRow2) Sizing(None) Columnspan(2) Alignment(TopCenter)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem8) Alignment(TopCenter) Column(#LayoutColumn1) Manage(#InputPlatformU_MD) Parent(#Layout) Row(#LayoutRow1) Sizing(None) Columnspan(2)

Define_Com Class(#PRIM_FWLM) Name(#FlowLayout1) Direction(TopToBottom)

Define_Com Class(*ANCESTOR) Name(#Panel_ChangePlatformP) Width(659) Top(321) Displayposition(2) Layoutmanager(#FlowLayout1) Height(224)
Define_Com Class(*ANCESTOR) Name(#Panel_Logon) Width(659) Height(313) Layoutmanager(#Layout)
Define_Com Class(*ANCESTOR) Name(#ShowChgPswOption) Width(661) Top(8) Parent(#Panel_ChangePlatformP) Left(184)
Define_Com Class(*ANCESTOR) Name(#ShowMessageText) Top(557) Width(660) Displayposition(3)
Define_Com Class(*ANCESTOR) Name(#InputPlatformP_MD) Width(300) Left(179) Top(75) Displayposition(10)
Define_Com Class(*ANCESTOR) Name(#InputPlatformP) Width(300) Left(179) Top(120) Displayposition(3)
Define_Com Class(*ANCESTOR) Name(#OutputPlatformP) Left(179) Top(98) Width(300) Displayposition(2)
Define_Com Class(*ANCESTOR) Name(#InputPlatformU_MD) Left(179) Width(300) Displayposition(8) Height(43)
Define_Com Class(*ANCESTOR) Name(#FrameworkVisibleList) Left(186) Top(218) Displayposition(7)
Define_Com Class(*ANCESTOR) Name(#OpenText) Left(184) Top(195) Width(274) Displayposition(6)
Define_Com Class(*ANCESTOR) Name(#PassordText) Left(179) Top(75) Width(300) Displayposition(1)
Define_Com Class(*ANCESTOR) Name(#InputPlatformU) Left(179) Top(23) Width(300) Displayposition(9)
Define_Com Class(*ANCESTOR) Name(#PlatformUProfileText) Left(179) Top(0) Width(300) Displayposition(4)
Define_Com Class(*ANCESTOR) Name(#OldPlatformP) Left(224) Displayposition(3) Top(74)
Define_Com Class(*ANCESTOR) Name(#OldPlatformPText) Left(216) Tabposition(6) Top(60)
Define_Com Class(*ANCESTOR) Name(#NewPlatformPText) Left(216) Displayposition(7) Tabposition(7) Top(97)
Define_Com Class(*ANCESTOR) Name(#NewPlatformP) Left(224) Displayposition(5) Top(112)
Define_Com Class(*ANCESTOR) Name(#ConfirmNewPlatformPText) Left(217) Displayposition(8) Tabposition(8) Top(132)
Define_Com Class(*ANCESTOR) Name(#ConfirmNewPlatformP) Left(224) Displayposition(6) Top(148)
Define_Com Class(*ANCESTOR) Name(#MagicEye) Left(470) Top(152) Width(19) Height(22) Displayposition(5) Visible(False)
Define_Com Class(*ANCESTOR) Name(#LogonButton) Top(243) Left(177) Displayposition(12)
Define_Com Class(*ANCESTOR) Name(#CancelButton) Top(243) Left(330) Displayposition(11)
Define_Com Class(*ANCESTOR) Name(#ChangePlatformPButton) Displayposition(4) Tabposition(5) Top(74)

End_Com
Mine looks like this:
Attachments
VLFOne_Login_Wide.jpg
VLFOne_Login_Wide.jpg (41.22 KiB) Viewed 599 times

User avatar
Dino
Posts: 133
Joined: Fri Jul 19, 2019 7:49 am
Location: Robbinsville, NC
Contact:

Re: VLF-ONE, customized Logon screen, fix alignment

Post by Dino » Thu May 27, 2021 10:58 pm

Thank you very much Gerry! this will do it

Post Reply