smp Posted February 10, 2022 Share Posted February 10, 2022 How do you adjust the space between the components in the FormLayout example? I want more space where the yellow lines are. Link to comment Share on other sites More sharing options...
Sherzod Posted February 11, 2022 Share Posted February 11, 2022 6 hours ago, smp said: How do you adjust the space between the components in the FormLayout example? I want more space where the yellow lines are. Hello, This post may help you: Link to comment Share on other sites More sharing options...
smp Posted February 11, 2022 Author Share Posted February 11, 2022 Hi Sherzod - I tried applying those settings to the container but it does not appear to make any changes to the spacing. Uniqui 1.90.0.1558 / Delphi 11 Link to comment Share on other sites More sharing options...
picyka Posted February 11, 2022 Share Posted February 11, 2022 This part of the layout is a lot of work, I do everything by eye and adjust the spaces, if you have a technique it would help a lot Link to comment Share on other sites More sharing options...
Sherzod Posted February 11, 2022 Share Posted February 11, 2022 52 minutes ago, smp said: I tried applying those settings to the container but it does not appear to make any changes to the spacing. Uniqui 1.90.0.1558 / Delphi 11 Hi, Can you make a simple testcase to check? Link to comment Share on other sites More sharing options...
smp Posted February 11, 2022 Author Share Posted February 11, 2022 I can but I was just testing with the FormLayout demo that comes with UniGui. Test.zip Link to comment Share on other sites More sharing options...
Sherzod Posted February 11, 2022 Share Posted February 11, 2022 Hello, I will try to check. Link to comment Share on other sites More sharing options...
x11 Posted February 20, 2022 Share Posted February 20, 2022 On 2/11/2022 at 12:23 AM, smp said: How do you adjust the space between the components use uniEdit1.LayoutConfig.margine help https://developer.mozilla.org/en-US/docs/Web/CSS/margin Link to comment Share on other sites More sharing options...
x11 Posted February 20, 2022 Share Posted February 20, 2022 container layout = vertical top and down = 10 left and rigth = 0 Test.zip Link to comment Share on other sites More sharing options...
smp Posted February 21, 2022 Author Share Posted February 21, 2022 High X11... I know you can accomplish something similar with a different layout but I am trying to use the "Form" layout. Link to comment Share on other sites More sharing options...
Sherzod Posted February 22, 2022 Share Posted February 22, 2022 14 hours ago, smp said: but I am trying to use the "Form" layout. Hello, Try this approach. 1. CustomCSS: .x-form-layout-custom-wrap { border-spacing: 25px; display: table; width: 100%; border-collapse: separate; } 2. MainForm -> ClientEvents -> UniEvents -> [form] -> function form.beforeInit(sender, config) { config.layout = { type: 'form', //itemSpacing: 100 formWrapCls: 'x-form-layout-custom-wrap' }; } 3. Result: Link to comment Share on other sites More sharing options...
x11 Posted February 22, 2022 Share Posted February 22, 2022 17 hours ago, smp said: I am trying to use the "Form" layout. And what's the difference? Why is that? Layout "form" very similar to the layout "vbox" Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now