Help forum

Create post

Jerry
2

3 months ago

make an URL clickable in chat output
hey! does anyone know how I can make this clickable? this doesn't work lol

It gets rendered in a div block so not sure how to do this
scotlnd21
5

3 months ago

How can I validate a password input?
Hey all,

I'm trying to ensure that when a user enters a password, it must contain atleast:

- 1 Lowercase character (abc)
- 1 Uppercase character (ABC)
- 1 Number (123)
- 1 Special character (!@#)

Would someone be able to give me some suggestions? I know there's the "pattern" attribute I can use on an input, but I'm not sure if that would work in Toddle. If that doesn't work, does anyone have a solution that's more toddly?
Isaias
1

3 months ago

Difference between border and outline?
I just can't figure it out, which one should I be using? is it not the same?
brob (bryanlrobinson)
5

3 months ago

Adding values in array of objects together
If I have an Array Variable that has a structure like this:
[{
someprop: "string goes here",
numberToAdd: 2
},
{
//...etc.
}]

And I've got a number variable that I want to create from the aggregate of all the numberToAdd from the array variable both on load and when the Array is updated with a new item... how would I do that?

I've tried a few different potential paths with formulas and workflows, but I can't seem to figure this out...
ssssadsadasd
34

3 months ago

Borders in sticky div
[Here](https://toddle.dev/projects/moccasin_palpatine_chief_rook/branches/start/components/test6?rightpanel=style&selection=nodes.D1Bz3A3uG1lpv65lKGA-v&canvas-width=800&canvas-height=1196) I have a sticky group (grey) at the top. Its parent has black left and right borders. However, the sticky group somehow overrides the left side and the black border is not visible. when I change the group to flex or sth else it works as expected. it seems to me the group is automatically pushed to the left by 1px.
any idea why this happens? thanks
A-Chivas
0

3 months ago

Merge colour variables in themes
Can we please have this, it will increase efficiency in terms of managing colours if we can do that
Luca Heck
4

3 months ago

Themes: Create font size with CSS min() or clamp()?
I have the problem that I have assigned variables for my font sizes. The H1 and H2 in particular are much too large on mobile. I would now like to adjust the variables in the theme with min() or clamp(). However, this is not accepted, at least it doesn't work for me. How do you deal with this?
Jehex
0

3 months ago

Issue banner image / scaling
Hi there, trying to set a banner ( img element ) into a div ( width 100% / height 5rem ) , my banned has a resolution of 4000x2000 px but appear very blurry, would like to know how you guys handle resolution with uploaded images and how you deal with scaling / responsible design, thanks
Leo
13

3 months ago

irregular grid layout
Hey guys this seem really simple but I am having a hard time setting it up.

I'm trying to replicate an irregular grid layout like the attached image
Iwooo
0

3 months ago

Do not know how to trigger onRemove on dnd-list component - Spark Drag and Drop
Hi, I'm struggling to find a way how to trigger onRemove event on dnd-list component from Spark Drag&Drop package. Once I remove something off my list (repeated) it does not trigger anything only this error (which may or may not be related to my issue - I don't know). I couldnt find any resources regarding events in that package (besides onEnd). Do anyone know how to trigger it?
NoCode ProCode
2

3 months ago

All Events Broken
I used to have event callback from an action - and in that event callback I used to be able to add a sleep (tick) and use the original events of the action in the tick of the delay - but now on the sleep in the tick even I use the original event I get null - I saw that @salma fixed event bubbling - would it have something to do with that (can we add a switch to allow bubbling - my whole app relies on that)
ssssadsadasd
2

3 months ago

Intersection observer
In the following [page](https://toddle.dev/projects/moccasin_palpatine_chief_rook/branches/start/components/test5?canvas-width=800&rightpanel=attributes&selection=nodes.rpdz-cdegHkbnC7oqL2qD.attrs.threshold&canvas-height=1196), I am trying to implement the intersection observer package. So, when the blue group is visible I want to set the variable to true. However, even if I set the initial value of the variable as false it always shows as true. Also I am not sure what the parameters mean:
root-element-id
root-margin
threshold

Anyone has any hint? thanks

P.S.: The video in the intersection observer package page does not belong to this package.
FeRojas
8

3 months ago

Select/Dropdown component height from SparkOne
Maybe there is a simple way to this but... Anyone knows how to make the height of the options fix to a specific height and use a dropdown to navigate options? I have a select connected to database that display sometimes more than 20 options.
Danny
8

3 months ago

How to maintain navbar state (full width vs. minimized) on reload without layout shift
I'm creating my application as a multi-page app with sidebar navigation. I'm building the navigation to have a full width state and minimized state, where just the icons show. I'm keeping this state in local storage. The trouble is when navigating from one page to another as a multi-page app I can see some flickering and sometimes the navigation jumping from full width to minimized, since it only reads local storage client-side.

Is there a way to solve this as a MPA or does think kind of interaction necessitate building as an SPA?

@Andreas Møller I know you're passionate about MPA, so curious if you have a good solution.
Jerome
4

3 months ago

Struggling with creating a signup form from Todo app tutorial
Hi all, sorry if this is super basic. I'll try and get right to the point.

Created a signup form, when I enter name, email, and password, the form refreshes and my api has no auth token.

I also don't get an error if I put in an easy to guess password, like in the tutorial.

From what I can see, "Prevent default" is there, my API called signup is set up correctly so any advice would be great.

15 16 17