Is there any "autosize" property of a label?

VishwasGagrani

(A) is what I get setting both label and value-label components to 50% . But is it possible to remove the gap between the two labels and make it like B? ( Without using fixed width )

https://imageupload.io/0KZcUZFPQkeWHtA

joshtynjala

Use HorizontalLayout on the parent container. Create HorizontalLayoutData with percentWidth set to 100. Pass that to the value label's layoutData property. The first label will fill as much space as it needs to display its text. The second label will fill the entirety of the remaining space.

Basically, percentWidth isn't strictly a percentage of the parent container's width. Instead, it's a percentage of the parent container's width minus the widths of all children that aren't also using percentWidth.