Help forum

Create post

ssssadsadasd
0

5 months ago

Variables inside css
I want to do the following: if an input has a maximum of 300 characters and you have written 100 characters, I want to create a circle with a background which is red for 33% of it and gray the rest.
for fixed value the css would be:
background: conic-gradient( red 0deg, red 90deg, #cccccc 90deg, #cccccc 360deg )

now I want to replace the 90deg with a dynamic value. so, I create a formula, then set the value of a variable to that formula and replace in the above sth like this:
background: conic-gradient( red 0deg, red var(--degrees), #cccccc var(--degrees), #cccccc 360deg )

however, this does not seem to work. do you have any idea why?
[here](https://toddle.dev/projects/teal_sebulba_biological_tarantula/branches/start/components/test1?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=style) is an implementation.

Thanks
Ben H
1

5 months ago

Best way to backup projects?
Just want to make sure that I'm employing proper safeguards to prevent freak accidents.

I could periodically clone my project, which would be a way to have a backup in case I accidentally deleted my main project. If the clone was on a second account, that would also protect against my first account getting hacked.

Is it best practice to save a local copy of your project somewhere? Or is this not necessary in the age of cloud computing? Just curious what you guys are doing to back up your projects (if anything).
Eduardo
0

5 months ago

Checkbox
Anybody know how to create a checkbox.
i try with input and atributes but don't have this option.
exemple:
esclarecido
15

5 months ago

Can't install packages
When I try install a package somethig goes wrong and package not install.
Ben H
1

5 months ago

Question about rollbacks and best practices
So, in a project, you can see your history with all your previous pushes to production. Next to each one is a rollback button. It looks like if you rollback to a certain time, you lose all of the work that was submitted after that time. For example, if I rollback to the second most recent submission, then I lose the work in the most recent submission. I tested this out in a test project and this does seem to be how it works, though I was a little confused by the "Live Version" indicator. It says the "Live Version" is the one where I added the "test page". But I rolled back to "Deleted blank template", which has no test page, and indeed the test page is gone now. It appears that the "Live Version" simply attaches to the most recent non-rollback update in your history.

Anyway, I was wondering how rollbacks are best used in practice. If my understanding is correct, it seems like you would almost never use them. You would only ever rollback to the most recent submission (because otherwise you will lose a lot of work) and only in an emergency (because otherwise you would just make a new branch to fix the problem). Is that right? Rather, when rolling out big features, best practice is to add feature flags, and you can "rollback" by turning off the flag. If you implement a big feature with a feature flag but later decide you don't want the feature after all, after turning it off with the flag, you would make a new branch where you delete the feature entirely and publish that new branch to keep your project clean. For smaller features, you would typically just put up with a bug until you can fix it in a new branch, unless it is a game-breaking bug, in which case you would rollback and hope that no one has published a branch lately. Is this a good understanding of how production teams would use toddle in practice?
mike
18

5 months ago

@channel -- we built an app using toddle and get this screen now. We have been
Square Guard
2

5 months ago

how to use api (backend in xano)
im just new to toddle, i dont know many things
Lucvs
2

5 months ago

Issue in retrieving selected values from option elements in a select dropdown
Hey guys I'm dealing with an issue on the select options element at the moment, and can't seem to figure it out.

Issue Summary:

- I'm trying to create a date picker with three select dropdowns for month, day, and year.

- I need to dynamically update the day options based on the selected month and year.

- The main challenge is retrieving the selected value from the month select element.

- The standard 'change' event on the select element fires for any change, not specific to individual options, making a click event for each option doesn't work either.

- Attempts to use the Get formula to retrieve the selected value (e.g., Get(Get element by id("monthSelect"), "value")) have been unsuccessful.

Could you please provide guidance on the correct method to retrieve the selected value from a select element in Toddle? Thank you in advance 🙂
KillerK009
6

5 months ago

Discrepancy Between Variable Value Logged to Console and Current Value in Toddle
I have a program variable which has a days element which is an array of values that I display using a Spark Drag and Drop list UI element. I want to allow dragging elements to reorder the underlying array.

Using the On end event provided by the Spark list I set my variable value by moving the dragged element in the days array based on the oldIndex and newIndex values provided by the event data.

I implemented the move function in a pretty simple custom code formula which seems to be outputting the correct new array when I log to console.

But even though I'm seeing the correct program value output in the console during the On end event handler, when I look at the current program value in Toddle it's not correct and not matching what is output to console.

Am I doing something wrong here?

I've created a very simple test app to demonstrate my issue:
https://toddle.dev/projects/drag_n_drop_test/branches/start/components/HomePage

Just try dragging the first day Push to the end of the list. The program should then have days in order: [Pull, Legs, Push] which is what I see in the console, but the current value in Toddle has the original order of [Push, Pull, Legs] still.

Also, it seems like my event handler steps are not running in order since I have it set to log to console before and after setting the program to compare but they both seem to be outputting the same value with the array already rearranged... 😕.

Do event handlers not run sequentially?
A-Chivas
55

5 months ago

Auth token on toddle editor
do we have a problem with auth token on the toddle editor, cant login and save token there, it keeps me signed out
Jehex
4

5 months ago

Defaut class color outline active in another class
Hi there, quick question : how remove a style attribute from the defaut class in another class, for example I want delete the black outline from my defaut class who still showing in my DarkTheme Class ( where the outline must be white )

Thanks you
Raphael Walters
3

5 months ago

Grid Template Area
I am trying to set up grid-template-areas. I have input this is the parent div:

grid-template-areas: h h h h h h h h h h h h, m c c c c c c c c c c c, f f f f f f f f f f f f

I have input this in the child div:

header div = grid-area: h
menu div = grid-area: m
content div = grid-area: c
footer div = grid-area: f

But I haven't managed to get it to work. I have also tried enclosed the child divs in double-quotations, single-quotations, etc.

Is it possible to achieve this using the CSS editor?
Kawwl
2

5 months ago

Replace All, Loop?
Hi,

I'm playing with OpenAI Assistants API.
I have read we are not doing loops in Toddle, but I can't get the logic of how to solve this case.

What I don't understand
I need to iterate over, or "know" how to replace all instances in a string, with new data, based on another array.

I have a string:
Hello [text_1] this is a string. [text_2]

I have an array (simplified example):
[
{
"text": "[text_1]"
},
{
"text": "[text_2]"
}

I want to replace [text_1] with "[0]" and [text_2] with "[1]". (Use index for now, maybe something else later)

Desired result:
Hello [0] this is a string. [1]

Any ideas?
.
6

5 months ago

Accidentally deleted all changes
Hello,

I’ve been working on some changes in a branch that’s probably bigger than it should be because I was doing a bunch of testing in Toddle and figuring out my way around

In the “Changed on your branch” section, I hit reset on the one page in that branch and it deleted everything on the page returning it back to default and now every component is broken because there were multiple links to the page(APIs, Formulas & Workflows).

Is there a way to recover this?
Kittiphum
1

5 months ago

Issue with preview and builder

28 29 30