Controls - NumericVarIn: Label and input field are not aligned when LabelPosition is set to "left"

Corrected from: 

 

Behavior in the new version: 

 

​

Description of the behavior: 

When using the control NumericVarIn , the label and the input field are not aligned horizontally if the property LabelPosition = left is used. This behavior is due to the control’s internal structure. The control consists of several interdependent subcomponents whose margins, widths, and heights depend on the selected layout (e.g., LabelPosition = top or LabelPosition = left) so that all components are aligned correctly.

Conditions under which this behavior occurs: 

  • Using the Control NumericVarIn
  • Setting LabelPosition = left
  • Use of the control’s Lenze styles, i.e., LenzeCyan.Default, Lenze.Default, Custom.Default
Affected products: 

EASY UI Designer < V1.10 


Short-term measures, recommendations, assessment: 

This behavior is inherent to the system and results from the control’s complex structure. Users can create their own style and adjust the necessary layout properties (e.g., margins, widths, and heights of the relevant components) accordingly. In this specific context, the input container width and the label container width . The exact structure of the control aids in styling and can be found in the EASY UI Designer documentation: NumericVarIn

The customized configuration can then be saved as a separate style and reused. This allows you to achieve the desired alignment of the label and input field.


[Automatic Translation]
URL for linking this AKB article: https://www.lenze.com/en-de/go/akb/202600421/1/
Contact