Align uniDBedit with fieldlabel and a speedbutton next to it

[mierlp]

Hi

 

When you put a unidbedit or uniedit on the form and use the FieldLabel option

AND you put a uniSpeedbutton next to it you can't get them aligned or you have

to put the button lower on the form.

 

See example and you see the result. Nice the fieldlabels but you can't put

a component next to it.

 

Raize component has a ButtonEdit and DBbuttonEdit component which

contains a button in the component. There is also a trigger OnButtonClick

 

Would be a nice if we can have this functionality/components in uniGui 

 

Anyone suggestions how to solve the issue. Otherwise i have to use 

uniLabels above the fields like you can see in the example.

[Sherzod]

Hi,

 

One possible solution I think:

 

UniSpeedButton -> LayoutConfig -> Margin = 23 0 0 0

[mierlp]

You're the best...thats working perfect

[ygerdel]

hi,

I have 5 uniedits inside a tunipanel with their FieldLabel , when the window gets smaller, the uniedits try to line up, but those with longer FieldLabel move and don't line up with the others. What could I do to solve this and that regardless of the length of the label the uniedits are a ligned?

 

 

[Sherzod]

7 hours ago, ygerdel said:

What could I do to solve this and that regardless of the length of the label the uniedits are a ligned?

Hi, 

Can you make a simple testcase for reproduce? 

[ygerdel]

I am attaching a test case.
With the maximized form it looks good, but by making the window smaller, the alignment of the edits is lost.

Align.zip

[Sherzod]

13 minutes ago, ygerdel said:

I am attaching a test case.
With the maximized form it looks good, but by making the window smaller, the alignment of the edits is lost.

Align.zip

?   

 AdsConnection1: TAdsConnection;
 AdsTable1: TAdsTable;

 

[ygerdel]

attached again

Align (3).zip

[Sherzod]

23 minutes ago, ygerdel said:

attached again

Align (3).zip

1. UniPnlPrevision.LayoutConfig.Cls = custom-layout

2. CustomCSS:

.custom-layout .x-table-layout-cell {
  vertical-align: bottom;
}

.custom-layout .x-table-form-item {
  margin-bottom: 0px; 
}

 

[ygerdel]

works perfectly.
thank you so much.