Jump to content

Adjust space between components in Form Layout demo?


smp

Recommended Posts

  • 2 weeks later...
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'
    };
}

image.png.8f1edcc9229913394dc4af9e170b9f1e.png

3. Result:

image.png.8bed20f5d7a349efa7fbe6812e5fff5f.png

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...