Hey everyone,
desperately need your help to sort some issues to get my project finalized.
-
Background:
I’ve been using WeWeb for about 6–8 weeks now — and honestly, it’s a fantastic solution. No doubt about that!
As a product manager (but 100% not a technical person or developer), I’ve managed to build almost everything I wanted — which says a lot about how intuitive WeWeb is.
Now that I’m finalizing the last bits of my app, and having to deal with details, I’ve gathered a few questions and challenges that I haven’t been able to solve on my own.
At this point, I’m slowly starting to suspect that some of them might just be small bugs or parts of WeWeb that haven’t been implemented with much love yet… I hope you prove me wrong!
The goal of this post is to hopefully get some help — either from the WeWeb team or the community — to figure out these issues within the builder or find possible workarounds.
And if something simply isn’t possible in WeWeb (yet) or it’s a bug, I’d love to know that, too cause I’m a bit worried that, after all the time I’ve invested, it might turn out that some really basic features and functionalities are actually buggy — and that I might have to switch systems in the end.
I really don’t want to sound grumpy or anything — but I’m getting a bit desperate…
-
Topics in this Post:
- Dropdown Menu Component
- Input Component “Date”
- Workflows in Popups
- Display Settings: “Sizing”
- Inpunt Component on Mobile
I’ve numbered all the questions in this post — so if you’re referring to one of them, you can just use the corresponding number!
-
(P.S. Also happy to get in contact with some one from the weweb team or a weweb professionals via private message - I would also be happy to pay to get this sorted if this is the only way to go …)
My questions:
- How can i display the trigger of the dropdown menu component (here in red) in 100% width?
I am able to to display a bespoke button component in 100% width, I am able to display the trigger of a “regular dropdown” component in 100% width but when i set the wrapper of a “dropdown menu” component to 100% + the trigger to 100% width the trigger centers like on the screenshot above.
- How can I sort this? If this is on purpose - whats the purpose?
Am i able to sort this via CSS commands on the class? ….
I need this component, cause the dropdown itself should close after a click - like in the “regular dropdown component” but I have not found a way to set this up.
- Or is there a way to set up the “regular dropdown component” in a way that it closes after clicking, like in the “dropdown menu” component?
- Why don’t I have the option “force display on editor” in the “regular dropdown” component?
Additionally — just out of curiosity:
- For the “Dropdown menu” component: Why can’t the settings under “Specific,” such as “Alignment,” “Mobile view,” and “Mobile view starting at,” be saved in a class, but are only available for each individual element? That really seems like a bug…
My questions:
I use a weweb input field component input type “date”. When a user accidently adds more then four digits for the year the whole data doesn work anymore - I guess that is clear. So …
- How can I prevent users from entering more than four digits for the year?
- Is this behavior intentional? If so, what’s the reasoning behind it?
I experience that the workflow i setup for a popup isn’t working.
My question:
- What is the issue with my popup specific workflow?
This is the popup I am refering to. I set up a workflow within the popup settings to fetch the current salutation value from db, but it’s not working.
This is the binding of the text “Select Salutation” in the dropdown. Current Value = “Select Salutation”.
It is setup this way:
If SelectedSalutation = “male”, show “Male”,
if “female “show “Female”,
if unselected show “Select Salutation”
This is a screenshot of the popups settings → Workflow “Fetch User Data” active.
This is the workflow itself.
Step 1 - I fetch the collection with the user data.
Step 2 - I set SelectedSalutation (bindet in the text of the dropdown in the Popup) to the current user value - in this case “male”
As you can see - the workflow isn’t working.
- What am I doing wrong?
- Or do I have missunderstood the functionality of the “Popup Workflows” ?
- If so - how do I achieve what I am looking for?
I am frequently experiencing, that when I make adjustments on some stylings of an object and save this stylings to the class, that the “Sizing” settings of other objects with the same class are set to “custom”. Also I tried to save the “shrink if needed” setting to the class but this setting doesn’t apply to the other objects with this class and seems only to apply for each single object.
My question:
- Is this a bug? What am I doing wrong? How do solve this …
In this particular case I was kind of able to resolve this with adding the following css commands to the class styling BUT even with the CSS commands, the sizing still displayed “Custom”
flex-grow: 0;
flex-basis: auto;
flex-shrink: 1;
- Does CSS commands do not affect whats shown in the styling panel in the editor? Why not?
I am experiencing display issues on mobile.
This shows the styling of an popup on mobile - all fine and set.
This is a screenshot from the page on my mobile - as you can see the input field component is way wider than the rest, even though it is set to 100% (like you can see on the screen above). This causes that the user can scroll horizontally and so on … simply doesn’t work. This a screenshot from the “full screen“ PWA but its the same behaviour in safari.
My question is:
- What am i doing wrong here? How to sort this?
- Or is this a known issue with the weweb components having real issues with styling and displaying?
