Reducing space between TextField and its label

Hello,

Is there a way to reduce the space between a text field and its associated label?

So, if I create a text field like this:

Code (CSharp):

1. var textField = new TextField();
2. textField.label  = "Label";
3. // ...

The space between the label and the actual field is way too big. I tried messing with the style margin proeprties but it doesn't seem to work.

Thanks,
Andrew

 

Thanks for the tip

It seems however, that it doesn't work. I am using the C# version and it doesn't seem to have any effect. I assume also, that it is the maxWidth property that I should be looking at. Since I would like to put a cap on how big it gets. But still, it does not work. No biggie, it's ok.

 

Might be a different use case, but I had the spacing issue when adding a TextField to a custom toolbar.
After reading this thread, I eventually tried:

Code (CSharp):

1. var myTextField = new TextField();
2. // use any needed myTextField  properties
3.  
4. VisualElement ve = myTextField;
5. ve.ElementAt(0).style.minWidth = 10;

This worked for me.

 

@cfviper - that's a clever solution. I was having the same wide label problem with FloatField and your solution worked there as well.

Still, I am hoping that Unity has provided an easier way to do this using USS. Consider the case where you have 20 such fields. It seems cumbersome to have to add a style adjustment for each one.

I saw that there is a static member FloatField.labelUssClassName mentioned in the scripting manual. I logged it to find that the classname is "unity-float-field__label"

I tried setting this in a .uss file using:

Code (CSharp):

1.  
2. .unity-text-field__label
3. {
4.     width: 15;
5.     minWidth: 15;
6.     maxWidth: 15;
7. }

I was hoping that it would set the width of every float field, but it did not seem to have any effect.

 

.unity-property-field__label {
width: 100px;
min-width: 100px;
max-width: 100px;
}