I know it's actually on the roadmap and I'm really excited about this feature to build a nice style guide.

Would it be possible to use it in the style panel too?

Could be great to use it for example in the space element.

Thanks 💪

Hi Team,

I've some question about an onclick attributes. Is it possible to have onclick = myFunction() and call that function in a script in an embed element? Seems not working. I would love to have that feature 🙂

I'd like to implement a simple function like that :

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>


I've insert it in a HTML embed element, but I've got this error : myFunction() is not define. Is it related to the onclick or not?

Thanks for your help!

When I share a project I can have differents permissions : View / build / Admin. Do you plan an "Editor View" (like Webflow)?

How does it work? As an Editor I can change some element directly on a page : text, color, clone a page, publish... It looks like a "Builder" permission with less permissions...

As an example, I can build the entire website structure for my client, but he should have the permission to edit text without the delete or add some structure elements on the website.

Do you plan this feature or not?

Thanks team 🙂

Hi Webstudio team!

Do you think it would be possible to have all the name of the property? In my example, I've a got data attribute which is name data-id but I cannot read all the name. Not really easy to debug because I have to check if it's correct.

I know I can go to inspector > console to check but it's not straightforward.

Suggestion n°2 (not important right now) : would be nice to have the ability to change de property name without to delete it.

thanks a lot! 🙂

Hey Webstudio Team! I know you are working on CSS variable. I'd like to know if you plan to add CSS variable directly on the panel Style (meaning if it will be possible to make reference on them on the panel Style) or it will only be available Advanced section?

(this feature is available on Webflow, see the picture attached).

Thanks for your answer!

Hi guys! I'd like to make Notion as CMS for a blog post. I know you can get properties but not the content of the page (which seems important to get if you want to run a blog with Notion). I check a project like Feather.so. The goal of this app is to transform a Notion database (and their page) to a blog. They manage to get Databases and the page content to display it.

https://feather.so/help/what-is-feather-and-how-it-works

I think it's not possible to Webstudio (yet?). I'd like to make some test for a client which is working on Notion. When I'm reading the API doc of Notion it seems complexe because you have to make multiple API calls to get all what you want... Not sure it's possible, but I think Notion would be a very good candidate for blog posts. It's easy to setup for clients, lot of seems using it and it's a cheap solution comparing to other headless CMS.

Do you have any recommandations or advices?

Of course I've watched the video on Youtube.

You have Flexbox, but do you plan to have Grid? If yes, what is the priority of this feature. Personnaly, I'm using Grid a lot on Webflow and it would be a really nice feature to Webstudio.

Keep on your very good work guys 🙂 I'm a big fan!

Hi Team! I watched your roadmap and same you're working on a Webflow copy/paste feature on Webstudio? Why did you deprioritize Search and CSS Grid UI? It's more complex achieve than a Webflow copy/paste feature? (I think this feature is really complexe too...) thanks!

I'm trying to have a text (404) with a gradient.

It's working with the following code:

background: linear-gradient(to right, #ff0000, #00ff00); /* Valeur par défaut */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

When I check on the Chrome console, I can add -webkit-text-fill-color and the clip color is working.

But I don't know how to add the transparent value with the -webkit-text-fill-colorwith this property. I tried in the Advanced Panel but it's not available.

Did I miss something ?

(yes I could add it in an HTML embed but I would prefer to add it directly with the builder - easier to maintain)

Thanks

I cannot find the functionnality. Did I miss something? Is it possible natively?

Thanks!

Action: When I hover the dropdown, the dropdown content is display:

.dropdown:hover .dropdown-content {
display: block;
}

Not sure how to do that. I did dropdown hover, but the dropdown didn't change. I'm sure I miss something. Thank for the help!

Hi guys

Here is my form and I've got a checkbox. I want to retreive the value of the checkbox. You've got my config in attachment.

When I test it with a webhook (on webhook.site), here is what I've got :

• When it's check I've got terms-checkbox="on"
• When it's NOT check I cannot retreive the value (who should be "off" ?)

So I've got 2 questions:

1/ I would prefer to get true or false when it's check or not. Do you know if it's possible to have theses value rather "on" or "off"?

2/ When the checkbox is NOT fill and I press submit, the checkbox value is not send. Do you know why?

Thanks a lot 🙂

Yep start here: https://docs.webstudio.is/university/craft

Is there a way to add in the advance panel something like that [data-theme="dark"]? I'd like to use a dark theme and make a a toggle to switch between the differents theme but I cannot find to do that (an HTML embed is possible but I would prefer to use a native solution).

Thanks!

In order to be sure: CSS Variables from Open Props are loaded by default on Webstudio thanks to Craft?

-> Without Craft they are not loaded.
-> Is all the Open Props library loaded or not?
-> @John Siciliano you just add some Open Props variables but not all, that's right?

thanks guys

oh God, greensocks (GSAP) has been acquired by Webflow... Good move for them. But not sure it will be easy in the future to use it if they lock some features. I know they want to use it for theyr interaction engine V3 but I don't know if the pricing plan is gonna stay as it is or not...

LOL : https://finsweet.com/cms-bridge

You need 15$/month to setup a sync betweem Airtable and Webflow... Don't worry Webstudio Team, just give 1 year to people to give up Webflow! 😅 Seriously who can afford this?

P.S. : it's a good idea to have this CMS Bridge from Finsweet but it should be native. That's why I find Webstudio so powerful!

We have reached 3000 members in that community!! Awesome! Very proud to be part of it! Go to 4000 and… 10K 🚀🚀

Congrats Webstudio team!

@John Siciliano Congrats for your CMS Finder! Very helpful. Love the way you made this with Webstudio. Do you think you could make a cloneable in the marketplace or not? Lot of people could be interested. I know you have CMS filter in the YouTube channel but a cloneable could help! Congrats again!

Done >>> https://www.facebook.com/723048508/videos/532591882426148/

Hi!

I'm trying to use progress to for a cost calculator on Webstudio.

I'd like to use progress tag according to MDN doc (https://developer.mozilla.org/fr/docs/Web/HTML/Element/progress)

I try to implement it on Webstudio and it's fine (it's working fine + code is ok as you can see on the doc attached), but I've got a warning (red point) for that tag.

Does it mean I'm not allow to use it?

(I don't want to use HTML embed for that)

Hi folks!

I need to bind URL parameters on my page.

Exemple my URL : mywebstite.com/landing-page?firstname=John&lastname=Doe.

I have to add a title (h1) : "Welcome John Doe" where {firstname} and {lastname} are binded.

For me it already works with a script in an HTML embed.

But I need to understand if it could be a better alternative with a way to access to some parameters in URL like system.params.firstnameor other technic in Webstudio.

@John Siciliano maybe you have an idea?

Here is an example: https://airtable-job-board-cfkpo.wstd.io/landing-page?firstname=John&lastname=Doe

Thanks!

I need to have a span with a background to animate. So I'm making a background on a span but I have to add content on this.

Here is an example of what I'm doing to acheive : https://www.sanity.io/ (see the h1 heading on the word "content").

What is it the best way to do it on Webstudio? Not sure.

Thanks a lot!

I just check to have an e-commerce solution with Webflow and I fall to this solution: https://www.shopyflow.com/

Seems nice (but I've not tested). I know (headless) e-commerce is on your roadmap but I don't know when it will be possible.

Cannot wait for it! For sure it will be a (huge) banger. It will be possible to stop with some (horrible) template (and the difficulties to maintain them) 🙏💪

Ooooh nice ! Transition is out in UI Panel ❤️ Thanks and congrats! 🙏