Join the Webstudio community

J
Jeremy
Offline, last seen yesterday
Joined December 13, 2024
How would I make the tabs with the content block template? So a user could create a new tab with content.
11 comments
B
J
O
J
I
Is it possible to encode the JSON body as base64 in a form?

I was trying to build a form that could generate a file on my GitHub repo using their API, but it seems like the field needs to be base64-encoded. (I could probably send this to n8n but I was wondering if there was a Webstudio solution)
10 comments
O
J
If you start getting many nested items, the navigator panel has a left/right scroll. Could the panel itself be resizable? Like any browser, web developer tools when you have the panels on the side.
16 comments
1
O
J
s
D
J
There are locations where I want to display a mailto link, but don't want to expose it to scraping. It would be nice if there were options to enable whatever methods are "best/current".
11 comments
J
J
O
I want to map one of the modern font stacks to a CSS custom property so I can change them globally when I use 2 different fonts.

Currently I add a token "font-secondary" with the non-primary font attached to it. But I'd like to make singular tokens where I could use the var(--font-family) when making specific tokens.
8 comments
O
J
J
Will there be a search/filter option for CSS custom properties? Finding a specific property when looking to change it can be difficult when using the full Craft props.

This roadmap item is for tokens; would this also include custom CSS props? https://github.com/orgs/webstudio-is/projects/11/views/1?pane=issue&itemId=74025656&issue=webstudio-is%7Cwebstudio%7C3901
1 comment
O
There are a couple of projects I've run into this issue. I can't move an element.

In the video, you can see that I can click/drag to move some items, but not all of them. I don't know why.

The suggestion is to add an error as to why I can't move it.
7 comments
1
J
m
B
I
O
Labels (or aria-label, labeled by, etc.) are required for accessibility. Is there a way to automatically create and link a label when adding these types of form elements?
8 comments
J
O
Does the Craft open props system for Webstudio include the normilize from open props?
4 comments
B
J
J
J
Jeremy
·

Website update

"coming soon" & "Is it ready yet?" can be updated. 🙂
2 comments
J
J
Jeremy
·

Image assets

Some possible improvements to the image assets:
  1. Highlighting unused images in your project to make deleting easy
  2. Ability to rename image file name once uploaded
  3. Highlighting the image from the asset gallery when you are in the properties panel (attached image)
  4. Attach the alt content to the image asset itself
  5. Radio button for role="presentation" on images (this can already be done with properties)
The request comes because I created an image gallery page with many images and then ran it through lighthouse after pushing it live. I need to improve my image performance, accessibility and SEO.
12 comments
J
O
H
I've been reading over the CMS content on the Webstudio website and the CMS finder. There are a few listed on the CMS finder (Spinal, DecapCMS, Front Matter, Keystatic) that don't have either GraphQL or REST APIs; they do have rich text API formats though.

Can these be used to create dynamic content?
7 comments
J
J
O
There are recommended lengths for the title and description fields. Could a character counter be added to each of them, along with a description of how to leverage the fields?

This is a low priority for me, I think it would be neat if it was added at some point.
20 comments
1
I
O
J
J
t
I would like the ability to organize my dashboard and the ability to add folders of projects.
My work has purchased an enterprise Wix license and I've been playing with it for about half a day. Holy crap is it annoying! Some things that would be super easy in Webstudio are messy in Wix. , I really liked your product before but I like it even more now.
3 comments
J
O
I know there have been suggestions and comments on Figma to Webstudio. Keeping with opensource, I would like to suggest penpot as a contender down the road. https://penpot.app/
7 comments
c
R
J
O
, I went through this for a bit and finally got it all sorted today with help from .

Here's what I needed to do.

  1. In Webstudio, make sure your project URL is to the naked domain.
  2. In Cloudflare have your CNAME to use @ (naked domain should show).
  3. In Cloudflare have CNAME record with www
  4. In Cloudflare make sure the TXT record is to naked domain, not __webstudio_is_www
  5. In Cloudflare setup page rule to 301 redirect. See image:
13 comments
B
J
O
Can anyone suggest handling the light/dark/system theme toggle with tokens? I can do this on a basic html/css/js site but I haven't ever used tokens for it. Previously, I would have js toggle the theme and set that in my local storage and use css variables to define the colors.
3 comments
J
O
, do I have this correct. 1m page views would be across all the custom domains as a group (if the pro license was purchased). I could have 99 websites getting zero traffic, but 1 hitting over 1m and that would cap the rest?
2 comments
J
O
Is there a way to store a session ID or token? I've connected an auth API and can return my user data, but I think I need to store something to remain logged in.

Full disclosure: this is my first attempt at setting up any Auth.
2 comments
J
J
I've created a resource that pots to my database (this works if I hardcode values).

I've added a form to my page and have it submitting my value to the system variables correctly. Here's an example:
{
"params": {},
"search": {
"title": "matrix"
},
"origin": "mysite.com"
}

My POST body is:
{
"documentId": "unique()",
"data": {
"title": "{{ search.title }}"
}
}

I've tried multiple ways to get the title to be the title I filled in. I can only get strings of my body input to render, not the actual title.
6 comments
B
J
Hi ! Since your product is on cloudflare, I was wondering if there could be some of their web analytics built into each project? This might be a technical impossibility or nightmare, I don't know how this would work.
2 comments
J
O
I'm struggling with the dynamic pages from my CMS (payload). I think I'm missing some simple concepts from the videos. Here are the steps I've taken:

  1. Create a dynamic path
  2. Add a variable to the body with my endpoint (the attached image shows the data returned)
  3. Bind content through the expression editor
  4. Adjust the path to see the dynamic pages (this is where nothing happens)
I think the binding might be causing the issue because I need to have "docs[0].title"; I think the array position is messing things up, but when I remove the [0], I get nothing.

I've watched all the CMS YouTube videos multiple times, but I am getting stuck here.
40 comments
J
P
O
J
Would it be possible to swap the order of these two sections (data & media). In my experience I add images way more often than setting up the data components. Data next to Forms seems more logical to me.
1 comment
O
I've published this site many times in the last 2 months. I made a change roughly an hour ago and published it without issue. I've tried multiple times now, and I get this failed message.

Is is possible to include a reason for why it fails?

I'll try again in an hour or so.
1 comment
J