Much too large space between label and field. How to fix?

Hi, I have a custom editor script that needs to show more than one control in a row, so it has to use a "Horizontal" to accommodate. The problem I'm having is that the distance between "X" and the int field is very large and I haven't been able to find any way to shorten it. Notice that's like at least 100 pixels "extra" that I can't seem to get rid of. If I put minWidth of 120 or less, text textbox looks messed up and tiny. Changing MinWidth does not shorten the distance between label and int field. It looks like this at the shortest (below).



Here's the code.

Code (csharp):

1.  
2.   EditorGUILayout.BeginHorizontal();
3.   var newVal = EditorGUILayout.IntField("X", killInt.selfValue, GUILayout.MinWidth(180));
4.   var newSource = (LevelSettings.VariableSource)EditorGUILayout.EnumPopup(killInt.variableSource, GUILayout.Width(70));
5.   EditorGUILayout.EndHorizontal();
6.  

I know I could use GUILayout.Label to do the label separately (and closer), but that disables the "drag behavior" of the label where it changes the value as you drag left and right on the label, and I need that on this control for visualization that happens with any change. Any ideas? I know I've seen custom inspectors with labels closer than this.

 

Assigning a new value to EditorGUIUtilty.labelWidth will change the width of the labels. So I suppose this is what you are looking for.

 

Hey there,

The default for labels and most controls expand width is equal to true.

Try adding

Code (CSharp):

1. GUILayout.ExpandWidth (false)

That should solve your problem. The label will now only take up as much space as needed.

 

You're awesome! It works.

 

This one didn't work. Thanks for the post though!

 

That is because you have min width set. ExpandWidth(false) says shrink to your smallest size that your content allows. MinWidth sets the minimum size it can shrink too.

Using Width(X) just overrides MinWidth so there is no real point using both.

1. var newVal = EditorGUILayout.IntField("X", killInt.selfValue, GUILayout.ExpandWidth(false));

 

Necro: I'm having similar issues with ExpandWidth() not working as described.

Code (CSharp):

1. var num = EditorGUILayout.IntField("#", id.number, GUILayout.ExpandWidth(false));

Idk why... I'm not using any of the other layout options like min/max and the logic above for expand makes perfect sense, but I'm new to custom editors so can't really provide any insight. Just thought I'd share because I too had to resort to manually setting the labelWidth...

*Edit: I've been playing with the parameters and have narrowed it down to the Horizontal container...sorta. Without it Expand is working but only on the IntField itself. It does not seem to affect the spacing between the field and the label though. Is GUIStyle the trick here? I tried messing with GUIstyle.margin to no avail...

 

Seems like Horizontal layout breaks the no-expand logic. Most likely the case.

If anyone knows how to workaround this, please post your solution.

 

I've just encountered this too, it seems that the most useful usage case, i.e. in a horizontal layout, is the only time it doesn't work!

 

Is there any way of setting the size of labels when using EditorGUI and not EditorGUILayout?
I'm using EditorGUI.IntField and I can't seem to find an option to change label size.

https://docs.unity3d.com/ScriptReference/EditorGUI.IntField.html

 

For the Horizontal Layout this thing worked for me ‍:

Code (CSharp):

1. EditorGUILayout.BeginHorizontal();
2.  
3. //Your checkbox and Label code
4.  
5. GUILayout.FlexibleSpace();
6. EditorGUILayout.EndHorizontal();

Before :


After :

 

ExpandWidth(false) didn't work
adding FlexibleSpace didn't work
the only thing that works for me is setting MaxWidth to some value, which just seems wrong

 

Cant it be that the intent is a problem?
Had a similar issue and setting the intentLevel to 0 in front of the elements that were pushed too far to the right, fixed it.

Code (CSharp):

1. EditorGUI.indentLevel = 0;

 

None of these solutions seem to work anymore on Unity 2021.3.3f1 :/

 

Just incase anyone is asking Michael Googlay (googling around) about this, as I have:

Using Begin Horizontal and flexible space did not fix the issue with too much space between the field and the field name.

EditorGUIUtilty.labelWidth worked perfectly.

I have that inside of a Horizontal Layout block with flexible space at the end.

 

None of the solutions here work for me in 2020.3

 

same, its kind of frustrating

 

Code (CSharp):

1. EditorGUI.indentLevel = 0;
2.             script.resX = EditorGUILayout.IntField("Width:", script.resX, GUILayout.ExpandWidth(false));
3.             script.resY = EditorGUILayout.IntField("Height:", script.resY, GUILayout.ExpandWidth(false));
4.             GUILayout.FlexibleSpace();

2021.3.12f1 here. Applied all mentioned fixes and nothing changes. (This is inside of a Horizontal group)

 

Try This way:

EditorGUILayout.BeginHorizontal();
EditorGUIUtility.labelWidth = 10;
demoValue.Demo_Int_1 = EditorGUILayout.IntField("X",demoValue.Demo_Int_1);
demoValue.Demo_Int_2 = EditorGUILayout.IntField("Y", demoValue.Demo_Int_2);
demoValue.Demo_Int_3 = EditorGUILayout.IntField("Z", demoValue.Demo_Int_3);
EditorGUILayout.EndHorizontal();

 

So if you're trying to get a result like this:

Then you can use the following code, that create the label separately and make it as small as its content.

Code (CSharp):

1. enum VariableSource{Self}
2. int killInt = 1;
3. VariableSource variableSource = VariableSource.Self;
4.  
5. private void OnGUI()
6. {
7.     EditorGUILayout.BeginHorizontal();
8.     TightLabel("X");
9.     killInt = EditorGUILayout.IntField(killInt);
10.     variableSource = (VariableSource)EditorGUILayout.EnumPopup(variableSource, GUILayout.Width(70));
11.     EditorGUILayout.EndHorizontal();
12. }
13.  
14. public static void TightLabel(string labelStr)
15. {
16.     GUIContent label = new GUIContent(labelStr);
17.     //This is the important bit, we set the width to the calculated width of the content in the GUIStyle of the control
18.     EditorGUILayout.LabelField(label, GUILayout.Width(GUI.skin.label.CalcSize(label).x));
19. }

 

EditorGUIUtility.labelWidth = 150;
EditorGUILayout.PropertyField(serializedObject.FindProperty("my_var"));

and adapt the 150 value at your will. It is just the easiest way

 

It works just as espected, thanks Thomas

 

thank you this is great <3