Frederick Posted March 13, 2023 Share Posted March 13, 2023 I have the following main form (Alignment Control = uniAlignmentClient) where my form's layout is "Fit", a container panel where the layout is "Vbox" and 3 TUniPanels where their properties are in the caption. Panel 1's height is fixed and is supposed to be aligned to the top while Panel 3's height is also fixed and aligned to the bottom and Panel 2's height is supposed to be dynamic between panels 1 and 3.. As you can see, after running the project, I can't get panel 3 to be at the bottom and panel 2's height to be dynamic. Furthermore, when I resize the web browser, the panels do not resize horizontally to fit. What am I missing here? -- Frederick (UniGUI Complete - Professional Edition 1.90.0.1565) Quote Link to comment Share on other sites More sharing options...
albertovesx Posted March 13, 2023 Share Posted March 13, 2023 "I can't get panel 3 to be at the bottom" for that use CreateOrder property Quote Link to comment Share on other sites More sharing options...
Frederick Posted March 13, 2023 Author Share Posted March 13, 2023 8 minutes ago, albertovesx said: "I can't get panel 3 to be at the bottom" for that use CreateOrder property Unfortunately, setting this property does not give me the effect I want. I've decided to use uniAlignmentServer instead of uniAlignmentClient and use the Align properties for each panel to get the layout I want as I am short of time. Thanks. Quote Link to comment Share on other sites More sharing options...
andyhill Posted March 13, 2023 Share Posted March 13, 2023 Put up test code and image of desired result and I will look at it for you Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted March 13, 2023 Share Posted March 13, 2023 11 hours ago, Frederick said: Hello Frederick, Very easy • ServerModule: MainFormDisplayMode:= mfPage • Mainform > ClientAligment • Adjust Flex property for each Panel. Here is in attachment, an example for mobile layout, but the same idea for Desktop. You have to play with : • Flex • width : 100% • Height 100% • vbox • Hbox • Fit • margin ... http://forums.unigui.com/index.php?/topic/15007-mobile-centering-text/ Also, there are many example on forum. Just type layout.... Quote Link to comment Share on other sites More sharing options...
Frederick Posted March 14, 2023 Author Share Posted March 14, 2023 7 hours ago, andyhill said: Put up test code and image of desired result and I will look at it for you Thanks for the offer, Andy. I think that I managed to figure out the basic steps to get the layout I want, with input from Abaksoft as well. The only thing I am trying to wrap my head around is the Flex property. I will study this more later. My basic design layout is attached. donelayout.mp4 Quote Link to comment Share on other sites More sharing options...
d.bernaert Posted March 14, 2023 Share Posted March 14, 2023 This can also be done easily with the following configuration: Alignment: client Form layout: border Upper panel: region: north Mid panel: region: center Bottom panel: region south Quote Link to comment Share on other sites More sharing options...
andyhill Posted March 14, 2023 Share Posted March 14, 2023 In my opinion, forget thinking VCL and absolute sizing - think the Flex way Project1.zip Quote Link to comment Share on other sites More sharing options...
Frederick Posted March 14, 2023 Author Share Posted March 14, 2023 2 hours ago, d.bernaert said: This can also be done easily with the following configuration: Alignment: client Form layout: border Upper panel: region: north Mid panel: region: center Bottom panel: region south Does using regions dispense the need to specify the height and width in the LayoutConfig property? Quote Link to comment Share on other sites More sharing options...
Frederick Posted March 14, 2023 Author Share Posted March 14, 2023 38 minutes ago, andyhill said: In my opinion, forget thinking VCL and absolute sizing - think the Flex way Project1.zip 93.73 kB · 0 downloads Thanks for the project example. Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted March 14, 2023 Share Posted March 14, 2023 4 hours ago, Frederick said: The only thing I am trying to wrap my head around is the Flex property. I will study this more later. donelayout.mp4 Here you have a basic example for Flex, Hbox, Vbox: http://forums.unigui.com/applications/core/interface/file/attachment.php?id=4546 Quote Link to comment Share on other sites More sharing options...
Frederick Posted March 14, 2023 Author Share Posted March 14, 2023 6 hours ago, Abaksoft said: Here you have a basic example for Flex, Hbox, Vbox: http://forums.unigui.com/applications/core/interface/file/attachment.php?id=4546 59.61 kB · 635 downloads Thank you. 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.