Join the Webstudio community

Hey, I think all I did was copy a section from another page and this started happening.

Its stopped after I clicked on an element.

https://p-d354e883-1295-4824-9f48-806f252716d4.apps.webstudio.is/?authToken=b3d8f323-8743-425e-a9df-fa54100875f4&mode=preview
2 comments
O
B
My n8n just got so much better organized after this.
Looking forward to Webstudio also having folders 😉 😝
No pushing at all here 😂
Hey,

So I'm trying to add a radix nav menu to a container, but it keeps telling me it cannot be inserted. Was there a change to how this component is applied?

https://p-d354e883-1295-4824-9f48-806f252716d4.apps.webstudio.is/?authToken=b3d8f323-8743-425e-a9df-fa54100875f4&mode=preview
12 comments
M
B
B
Hi all, how to make the text here with ellipsis? can you please guide me with the setting
2 comments
B
J
If I put an access token on the global root as a string, is it still secured or is that only if its part of a resource?
3 comments
R
B
I am trying to copy paste sections from webflow template, not able to paste into webstudio.
is there any documentation on copying sections from webflow template?
2 comments
J
Hi, is there any easy way to change the text component to heading component?
I somehow automatically started using the text component where it would be semantically more appropriate to use other components... so can I change it with one click? Or will I have to manually go copy the content and token
1 comment
J
Did anyone see this as well? Launched 5h ago.
https://supabase.com/ui
2 comments
M
how can I do that visually, no matter what i press I cant get to that page to style it and change spacings.
8 comments
O
s
My wife has bought a PRO license and registered it to her google accout, also in case of billing. I am the technical one who will design her business site, also including an interface to a CMS is planed. My problem is, that I cant login to Webstudio in case of authentication is required either accessing my wife's Gmail account or even her smartphone. Can anyone tell me some best practices how to overcome this problem ? Should be a common scenario within working in teams. Thank you in advance.
2 comments
O
Hi, is it possible to use a dynamic page path variable e.g. /page/:name bound to an element and apply some transformation to it in the process? e.g. for /page/what-is-this the system.params.name variable would be what-is-this but I'd like to show What is this in a component. Is this possible? I can't find a way to apply transformations but perhaps it could be done by integrating a (fake) cms that would transform it?
1 comment
k
I would like to use a span in my heading so that I can change the text color. But to my surprise the Text Content field disappears when using span, and so does the nice purple dynamic dot to dynamically load content.
8 comments
O
R
J
Almost done with my first craft build. Ran it through pagespeed analytics and I'm still getting an issue affecting performance score... And it comes from swiper js, I have already added defer to the script, so I need to add async as well.

If I fix this then the score should be > 90 for all.
1 comment
O
With Chrome or other Chromium based browsers, on load https://podcasts.ideasondesign.com (sometimes) some of the images do not display, only showing up if I resize the browser window or change tabs.
If I hit refresh multiple times, this bug is easy to replicate.

On Safari this issue does not happen.

Does anyone know where the problem might be?
I don't think it is an issue from Supabase, as the problem persists even with a static version of the same page (without connecting to an external database).
13 comments
O
D
Has anyone implemented a lang switcher that works without sending user back to home page. This is my setup:

Two languages AR and EN (EN will be default)

  • CMS data from Hygraph. Enabled Localization of 2 Languages (AR / EN) and CMS content has fields for (title, content) for both languages
  • Then I pull this data in Webstudio via GraphQL.
  • I have 2 individual GraphQL queries for each language ( localizations(locales: ar) and locales: en - respectively)
  • in WS, I have all pages on root (default language english) and then a folder called "AR" in which Arabic copies of the same pages (including CMS pages such as Post and Post directory)
All this works fine until here. My Directory shows correct content in Arabic (via Locales:ar) and english (via locales:en) and my post detail shows correct content too.

so example my URLs are like this
example.com/news/hello-world (For en post detail page)
example.com/ar/news/hello-world (for ar post detail page)
example.com/news/ (En posts page)
example.com/ar/news/ (ar posts page)

Rest of the pages are static so no hygraph required for that.

Now the question:
How do i correctly implement a lang switcher in header slot
So that, user can easily switch languages from one click while staying on the same page, but get directed to "/ar/slug" when clicked on AR or "/slug" when clicked again on EN in the switcher

And set Language in page settings dynamically too (if possible but not mandatory)

Thanks
3 comments
m
J
I am skilled Full-Stack Developer specializing in scalable web and mobile applications with AI integration.
Proficient in front-end technologies like React, Vue, Angular, and Next, as well as backend frameworks including Node.js (Express, Nest) and Python (Django, Flask, FastAPI).
Experienced in designing efficient RESTful and GraphQL APIs for seamless data exchange.
Strong expertise in database management with MongoDB, MySQL, and PostgreSQL, ensuring optimized and reliable data architectures.
If anybody need my help about development project, I will help immediately.
2 comments
m
S
I'd love to see JPEG XL support since it's noticeably better than AVIF (and webp).
https://jpegxl.info
6 comments
O
K
K
KKT
·

oklch Color

Would love to see support for oklch color, especially since you're adding gradients – it produces much cleaner gradient results.
https://oklch.com/
https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
3 comments
O
K
i have a an object and i would to display this object in a list, the object key would be title and value would be a text under it. i tried using collection but when i set the value for value for one i am getting undefine for the previous items

i am doing something like this to get the key
${collectionItem.key}
12 comments
B
O
M
I’m a designer who has built a lot of websites on Webflow. The only issue I’m facing there is publishing sites globally without restrictions. For example, my website https://www.alschama.com cannot be accessed from Syria or other countries under the U.S. Treasury sanctions.
Do we have the same problem with Webstudio?
Thank you everyone
6 comments
O
A
The marketplace seems to be only templates
does webstudio support plugins/apps.

Just like other website builders like webflow support building apps like copy and paste SVG. Is it possible to build tools for webstudio
3 comments
B
M
So I’m seeing it is still not possible to upload a figma file or straight html code into webstudio and have it convert into all the necessary elements. I’m able to do this with webflow.

I am seeing I could do this in webflow and be able to simply copy/paste from webflow to webstudio as an option but I don’t see any documentation on how I can do this. Has anyone solved for this somehow? I do see multiple inquiries that this has been requested for the past years
1 comment
O
Just a bit of a wild idea, but maybe it makes sense. As I was quickly checking out an older webstudio project, I couldn't remember which baserow resource I was using. Now I know I can go through all the components and check settings for resources. And for future projects it will be just listed mostly on the Global Root anyway, but these urls still provide only an API link, not a link to the table in Baserow or whatever external CMS I'd be using. So having some sort of project bookmarks to edit the content could be useful to my opinion. Even more when working on a dynamic page, that I can have a dynamic bookmark to edit that record's content right away. To open https://baserow.io/database/112111/table/299999/506555/row/1 for row 1 or /row/2 for row 2.

Just a thought!
8 comments
D
Y
O
R