Join the Webstudio community

J
Jeremy
Offline, last seen yesterday
Joined December 13, 2024
Is there a way to restrict something like text being edited within the edit content block? For example, if I'm building sites for people and want to have a link back to my site in the footer.
20 comments
O
B
J
A few days ago, I showed someone how to modify the website I built for them. I gave them only "content edit" mode.

The one thing I noticed was the slots, while still called out as a different color - it would be helpful for the content editor users to know what those colors mean. Could a message be attached to the slot that tells them it will change across the entire site? (see my screenshot to see what I mean).

Side note: She loved the content edit mode as it was super easy for her to understand. She previously had a WordPress website and hated it.
I use the cloud version, but this would apply to either. I'm looking for ideas for this hypothetical situation. (I've started passing off websites and am concerned with this).

Situation:
  1. I create a site for someone
  2. I give them shared access to the "content mode" editor
  3. They butcher the site, publish and want to restart from the initial handoff
Possible options?
  • I could clone the project in the dashboard
  • Could I export and somehow sync with the CLI? (Maybe this step would involve setting up the builder locally to sync?)
8 comments
B
J
O
Using the content edit mode, I would like to have every second item added get reversed. Done manually, I would add a "reverse" token or in CSS I would use and :nth selector (which I could still add manually). However, I wondered if there's a way to do this natively in Webstudio.

The screenshot is an example of what I'd want a client to be able to add/edit. They are all the same structure but the middle one has a "reverse" token on it and each of the parents has a different CSS property value. My assumption is that this would need to be handled with JS or embedded CSS at the moment; is that correct?
2 comments
J
J
It seems like there are starting to many more questions specific to self-hosting. To the Webstudio team, what are your thoughts on making a specific channel for those questions?
13 comments
J
O
Is there a way to access cookies or local storage items within an expression tied to the "show" toggle?

Here's what I would like to be able to do:
system.localStorage.isLoggedIn === "true"

If there's a better way, I'm open to ideas.
33 comments
J
O
When I manually type in "display: grid" in the advanced settings, it removes the alignment and gap settings in the layout section. Could those attributes remain displayed if I manually enter "grid"?
Hey Webstudio team. I'd like to check the state of this PR. https://github.com/webstudio-is/webstudio/pull/4333#issuecomment-2585196576
I believe I need this issue to be resolved before I can actually do what I want. https://github.com/webstudio-is/webstudio/pull/4333 I've built my forms and linked them, just need to pass the headers.

While I wait for that completion, I'm trying to figure out how it will work. Outside of Webstudio, I can post data to the database and the bucket that I want, but those are two separate actions. I want a form that can submit to the DB and to the bucket in one go. This is for a super simplistic blog with an image header and text.
12 comments
J
O
What does the circle on the first token represent?
6 comments
O
J
A
J
Jeremy
·
J
Solved

dev / prod robots.txt

How would I accomplish this:
  • I have a Webstudio project with ".wstd.io" domain. I consider this "dev".
  • In the same project I have my live "prod" url. "myDomain.com".
I want to test new designs/features and only push them to the dev domain (which I see possible by unchecking my prod site). However, I've previously had my prod site published, and I've enabled the page to be found in search results. When I publish my new testing stuff on "dev", will all my pages will be found by the search engines?

Any chance all .wstd.io domains are blocked globally?
6 comments
J
J
O
I just noticed the code folding! Nice.
1 comment
O
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