Trying to use UI Toolkit nothing shows up

As you can see in the UI debugger PannelSettings shows up and I find my whole UI hierarchy with my classes.

but nothing is visible in the game view :



I get no error message in the console.

what is missing?

 

yes that's what's happening.

ah I didn't understand there was more of the debugger. in the debugger the width and height are 0 all the way to the topmost element which is wrong it should be my viewport size correct?

Code (CSharp):

1. <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
2.     <ui:VisualElement name="MainPanel" class="panel">
3.         <Style src="RootOfVisualTree.uss" />
4.         <ui:Label text="How Do You Do" display-tooltip-when-elided="True" name="Howdoyoudo" />
5.     </ui:VisualElement>
6. </ui:UXML>

I tried setting a fixed width and height in px, that didn't help

 

I don't understand why the UI is not showing up. I have no errors, and I set a pixel width and height for the panel

There is nothing visible when i hit run.

 

repo

 

thank you very much!!

no idea how that got to be.

this is as fresh as it gets as you can probably tell.

(I think 0 is the default value)

Do you know why this error pops in and out of existence :

Code (CSharp):

1. NullReferenceException: Object reference not set to an instance of an object
2. Unity.UI.Builder.StyleSheetExtensions.FixRuleReferences (UnityEngine.UIElements.StyleSheet styleSheet) (at Library/PackageCache/com.unity.ui.builder@1.0.0-preview.6/Editor/Utilities/StyleSheetExtensions/StyleSheetExtensions.cs:45)
3. Unity.UI.Builder.BuilderDocumentOpenUSS.FixRuleReferences () (at Library/PackageCache/com.unity.ui.builder@1.0.0-preview.6/Editor/Builder/Document/BuilderDocumentOpenUSS.cs:69)
4. Unity.UI.Builder.BuilderDocumentOpenUXML.OnAfterDeserialize () (at Library/PackageCache/com.unity.ui.builder@1.0.0-preview.6/Editor/Builder/Document/BuilderDocumentOpenUXML.cs:662)
5. Unity.UI.Builder.BuilderDocument.OnAfterDeserialize () (at Library/PackageCache/com.unity.ui.builder@1.0.0-preview.6/Editor/Builder/Document/BuilderDocument.cs:392)

?
and did you get it at all?

 

no problem.

I did delete my repo so don't get rid of the copy you cloned.

 

Any idea why my USS file is not doing anything? it is recognized in ui builder but when run there is clearly no link to it

 

not for me.

is this a linux bug? I've got absolutely no USS applying.

this does absolutely nothing for example :

Code (CSharp):

1. *{
2. color: red !important;
3. background: red !important;
4. }

For now I've been using the UI in UI builder to reproduce what I want straight into the UXML (this is much slower for me and also very constraining.

also while I have you there is no USS limit to what we can do right? this is pretty much a html 5 css 3 standart implementation, correct?

doing this for example is entirely possible, correct? https://codepen.io/tatsujb/pen/RwNJzXY

I made a separate thread for USS issues : https://forum.unity.com/threads/i-w...eb-but-ui-builder-is-not-playing-ball.967495/

 

What I find incomprehensible is how is unity supposed to understand that I want to use that file.

I've specified this nowhere, contrary to the UI document file :


Now, yes the uxml and uss file do have the exact same name but to me that isn't enough for unity to be able to figure out that it's supposed to use that file.

When you grabbed my project my .uss file already had classes, did you add yours beside those or was your uss file blank?

how do you link a uss file to a uxml?

I went ahead and created the issue just in case.

could the ordering norms (https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) be respected? they exist for very good reasons.

I hope this comes quick.

in the past two years CSS performance has skyrocketed and now it's a force to be reckoned with.

people get more and more creative with it and unlocking the full potential of css on unity would do unity untold levels of good.

you say drop shadow isn't supported, what about box shadow? anyways drop shadow is a big one. I really hope it comes soon.

 

Oh yeah I have that.

So it really is a bug.

 

it's weird now I get the * selector text color to apply but nothing else.

Like it seems that Label elements are the only thing sensitive to USS visual elements ignore it completely for example.

I can't get it to apply for old labels though, just newly created ones.

(an annoying thing is that unity consistently empties the USS file if we edit it outside of Unity)

 

I've worked out the reason for the bug:

Any parameter set on the uxml level can no longer be superseded by uss, even if you try to clear it, in the ui setting initial value doesn't do it (a real clear button for each paramater is cruelly missing in the current UI builder), instead it writes this new value to the uxml. and the truly bizarre part is that if you manually edit the uxml file and remove all the style of that xml node;
all of the paramaters that you once edited in the history of all time for that node remain USS-uneditable ad vitam aeternam.

So the only way to solve this is to delete the VisualElement or whatever from the UI Builder UI and start from scratch.

Overall this is really problematic.

For a solution that aims to bring the power of the web to unity, it really handicaps itself by preventing the user from writing straight-up code at every turn.

If I could edit the uxml file and uss files and actually have the results show up in unity I could fix my mess in a much much shorter time.

where is the other place this data is being stored that's conflicting with my edits to UXML file? can I edit that too?

 

thanks for the replies to both of you.

I hadn't found that unset method so that's a big plus, thank you!

And yeah I might just do it by uninstalling UI Builder and editing files by hand.

do you happen to know of a declared feature set so that I can know other than by trial and error what is there, what isn't?

In anycase I hope as I've said above that features like drop shadow and blur get implemented soon!

thank you very much for all your hard work!

 

Because there are some Unity devs around in this thread:
I tried this example (Runtime UI):
https://docs.unity3d.com/2023.1/Documentation/Manual/UIE-relative-absolute-positioning-example.html

and it couldn't import the uss. Nothing to see in Play Mode.

 

Could solve it. For some reason, copying the code reformatted it so that margin-bottom: 2px; (and all other formatting including "-" became margin - bottom: 2px;
Problem solved.