Wicket Posted May 7, 2020 Share Posted May 7, 2020 Hi All, I have spent quite a bit of time to get a login form working with the correct layout. Has anyone already put together a login form with a similar layout to the below? I do not mean the styling just the layout ->Image on top > username >password >login > forgot password > rememeber me. I have been trying to achieve this with client side alignment - but just cant get anywhere near it. Could some post an example? So I can see how to do correctly. Thanks Quote Link to comment Share on other sites More sharing options...
Wicket Posted May 8, 2020 Author Share Posted May 8, 2020 No example to help me? I feel this should be fairly straight forward but I can not figure it out. Any pointers / example project would be very useful Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 8, 2020 Share Posted May 8, 2020 It seems you could already make a nice form. Clarify again, what problem are you currently facing? Quote Link to comment Share on other sites More sharing options...
Wicket Posted May 8, 2020 Author Share Posted May 8, 2020 That is not my form it is from google - that is a layout I am trying to reproduce. not the styling just the layout of controls I struggle to do layouts properly having a example project of the above layout using client side alignment would help me Quote Link to comment Share on other sites More sharing options...
mpmahen Posted May 20, 2020 Share Posted May 20, 2020 This login screen contains 2 tabs one for the login and one for the initial setup or changes. The second one is normally not visible. I am still tuning the look and feel. The user/ client can register as a new user/client and gets an activation code by e-mail, which they must enter the first time they login. When the password i forgotten they can request a reset, which will send a code to their registered e-mail. After entering this, they can change the password.(last link). I am using the crisp theme. The form has no border. Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted May 20, 2020 Share Posted May 20, 2020 On 5/8/2020 at 1:10 AM, Wicket said: Hi All, Could some post an example? So I can see how to do correctly. Thanks Hi, Sample_Desktop.7z ReadMe.txt Edited : MainModule --> Theme : uni_ubuntu_neptune 4 Quote Link to comment Share on other sites More sharing options...
x11 Posted May 20, 2020 Share Posted May 20, 2020 desktop or touch (mobile) Quote Link to comment Share on other sites More sharing options...
Wicket Posted May 20, 2020 Author Share Posted May 20, 2020 Thanks for the help @Abaksoft, especially with the readme explaining how it all goes together. Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted May 20, 2020 Share Posted May 20, 2020 7 minutes ago, Wicket said: Thanks for the help @Abaksoft, especially with the readme explaining how it all goes together. thx. • infact, in Desktop mode you can do it without Layout vbox. • in mobile you need vbox. http://forums.unigui.com/index.php?/topic/14398-what-is-the-effect-of-clientheight-if-alignmentcontrol-is-unialignmentclient/&do=findComment&comment=78021 Quote Link to comment Share on other sites More sharing options...
Wicket Posted May 20, 2020 Author Share Posted May 20, 2020 How do you make the username and password UniEdits align center in the form? In this example they are not in the center - one side has more space than the other. eg, 1 has less space (margin?) than 2 Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted May 20, 2020 Share Posted May 20, 2020 8 minutes ago, Wicket said: As this login form can't be resize, no need layout technic here. simply classical delphi centering : Select the two uniEdits then Right Click, choose horizontal center in window. Quote Link to comment Share on other sites More sharing options...
Kenneth Posted May 20, 2020 Share Posted May 20, 2020 22 minutes ago, Wicket said: How do you make the username and password UniEdits align center in the form? In this example they are not in the center - one side has more space than the other. eg, 1 has less space (margin?) than 2 for UniContainerPanel1: Layout:=vbox, LayoutAttribs: Aling:=Center, Pack:=start; Quote Link to comment Share on other sites More sharing options...
Wicket Posted May 20, 2020 Author Share Posted May 20, 2020 Thanks @Kenneth and @Abaksoft - this is really valuable for me in learning the correct way to construct layouts! Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted May 20, 2020 Share Posted May 20, 2020 1 hour ago, Wicket said: Thanks @Kenneth and @Abaksoft - this is really valuable for me in learning the correct way to construct layouts! Hi Wicket, i think this can help you : http://forums.unigui.com/applications/core/interface/file/attachment.php?id=4546 Quote Link to comment Share on other sites More sharing options...
Wicket Posted May 20, 2020 Author Share Posted May 20, 2020 Thanks for your help @Abaksoft Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted August 28, 2020 Share Posted August 28, 2020 There is a better way to design a login screen with css and layout technics from Muhammed : Quote Link to comment Share on other sites More sharing options...
qingyang2020 Posted December 13, 2021 Share Posted December 13, 2021 thanks for sharing... 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.