VLF-ONE, customized Logon screen, fix alignment

[Dino]

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?



thank you

[gerryc]

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?':

[Dino]

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]

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:

[Dino]

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]

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:

[Dino]

Thank you very much Gerry! this will do it