Join the Webstudio community

Updated 2 weeks ago

Icons for Variable Types and the ability to order and move data variables

I think it'd be great if these Types like String, Number, Boolean etc can have their own icon that reflects back into the blue Data Variables list.

Right now I'm guessing which one is a resource and which one is a string.

It'd also be nice if I can move the order of these Data Variables, so that I can list all resources on top and all strings to the bottom or however I see fit. The more a project grows, the more items come into the Global Root list and staying organized is nice then.

And it'd be even more epic if I could move a data variable from the Body to the Global Root or to any other component.
Attachments
image.png
image.png
1
O
B
J
19 comments
hmm here you see the type, where do you have to guess/
Attachment
image.png
moving variables - we will add a context menu to copy/paste properties and the same thing can be done for data variables as well!

creating an issue
Would sorting by name make sense? We do not allow sorting styles or properties.
btw you can currently copy resource variable!
You mean resource as curl?
Copy gets you kind of there but if the resource uses bindings in the url or headers then those are lost on paste. You just get their computed values then need to go back and copy the epxressions
btw the initial design spec uses icons. Always wondered why we didn't use them
Attachment
Screenshot_2025-03-20_at_9.47.31_AM.png
Do you still face this problem after global variables launch?
Yeah I dont think thats changed anything. In Ronalds example he wants to move them from the body to global root

A similar example is adding a resource to the Posts page and Sitemap page. Very similar resource. They will both depend on global vars, but the resource itself is local
Ah, cURL does not preserve variables. You are right.
Ah yes that'd be great as well!
Nice, that's already half the work then I hope! Haha 😁
And I think it could be nice that Resource is the first item in the list instead of String
the problem was that not all variable types are easy to represent with icons in a good way
we will have more in the future too
Add a reply
Sign up and join the conversation on Discord