Help forum

Create post

Leo
56
1 year ago
Single Page Application (SAP)
Hi everyone! I’m new to Toddle and would love some guidance on creating a single-page application. I’m especially unsure about setting up the URL do I need to build separate pages, or is there a way to handle it differently? Also, how can I ensure that when a user clicks to navigate to a different section, the URL updates without reloading the page? Should I be using tabs, or is there a more effective approach? Any advice would be greatly appreciated!
Matthewcc
22
1 year ago
Change Styling of Another Element On Hover
I know how to accomplish this in raw HTML/CSS, but I'm having a hard time implementing it in toddle. I would like to change the CSS styling (width) of a child element when a user hovers over the parent element. The screenshot and video is what I have in CSS that I am attempting to replicate in toddle. In CSS I can create a style indicating both an element's ID sudo class and another ID of the element that should be impacted and the correct style will be applied through the specificity of the selection.

I cannot seem to accomplish this in toddle as all of the CSS is very localized to an individual element. I cannot (as far as I know) have a CSS rule that only applies to an element which has two IDs similarly to what I have the the CSS example. The closest I came was binding a variable to a style and using a mouseover event to update the width. This, however, changed the width for all elements in the repeating group which was not the intended effect. I only want to change the style of the item being hovered.

Appreciate the insight! I have a suspicion there is an easy solution here I've just not wrapped my head around.
Vizualinx
22
1 year ago
Need to login every 1-2 hours
I'm getting kicked out of my app every 1-2 hours, i'm using supabase so maybe it's a setting in supabase. How can i fix this?
Kimchi
4
1 year ago
Creating a visual animation builder based on anime.js in toddle
Hi everyone, I am new to web development and I want to know if I can create a visual animation builder based on anime.js using toddle?
I mean a builder that will allow users to create animations using a timeline and control the anime.js api completely visually, and then export the code with the animations. This will be my first serious pet project, I've only built "brochure" sites before.
How much custom code will I need as a percentage of the process that can be done visually in toddle?
Matthieu B.
10
1 year ago
Toddle for Marketing site ?
Is toddle a good option for a marketing site ?

—
I’m used to framer (or webflow) for the marketing site www.domain.com , and bubble.io for the app under app.domain.com.

I’ve obviously used framer for SEO purposes, which is much more performant than bubble, rendering the page.

But I’m now thinking about toddle for the marketing site, which doesn’t seem to be the primarily use of toddle.

Is toddle a good option for a marketing site ?
Miles
27
1 year ago
access_token for authorised API requests in API v2
I'm struggling to set up the headers in v2 to send the access_token to the endpoint. I've attached an image of the set up and an image of the header xano is receiving. It's not inserting the access token. Any help is appreciated. thanks 🙂
mdxwired
5
1 year ago
Kvalifik select component help
@Kvalifik Sorry if this is a question already answered 1,000 times over (looked but could not find) but...
What internal element do I set up an action on (and what action) to trigger my output from this component? I can see that the 'value' attribute is being set on the repeating option based on the item selected, but I cannot figure out how to capture this and send it to my 'Output' function.
I know how to trigger outputs, and it's easy to figure out on most other components, but this one is really giving me nightmares!
Thanks in advance!
Vizualinx
6
1 year ago
How to get row data.
How do I filter a list of items from an API to get the row that matches an id I have saved in a variable?
(What formula do I need?)
Armand
✅1
31
1 year ago
Formatting numbers larger than 3 digits don't show up?
I am formating numbers (not set as currency) to show:
IF <1 -> first few significant digits
ELSE -> min-maxfractiondigits 2

And numbers like 0.000724 show up fine, but anything that is 1000 or more does not show up.

Please have a look at the video for more info:
mdxwired
22
1 year ago
Component attributes not updating in editor...
Hey all. Has there been a recent change to how/when the editor updates component attributes when the underlying linked variable or formula changes?
My page worked perfectly in the editor yesterday and still works perfectly in 'preview' mode, but is now very erratic within the editor itself.
I have cleared all site data (browser cache, cookies, etc...) and everything else that I can think of...
When I pause the 'test' run and click on the attribute, the contents say that they are what they should be, they just do not pass to the component or display correctly on the page.

Thanks in advance!!
needtheanswers
18
1 year ago
Having two path params with the same name in session storage
Hi,
I use path params with the name ABC on one page of my application. I save the path param in my session storage. Can I also use a path param with the name ABC on another page of my application or would this cause any problems?

Thanks 🙂
Godwin
1
1 year ago
Auto-refresh API when data is deleted or modified
Does anyone have an on how to refresh an API when a data is modified or deleted?
Alfred
0
1 year ago
Approach for unstyled components in Toddle without cluttered component API
Has anyone figured out a solid approach for creating more flexible, style-customizable components? From my understanding, Toddle's components wouldn't fully support an unstyled approach due to Shadow DOM encapsulation. This means the only way to add flexibility is through custom properties (CSS variables). However, if I want to recreate Radix UI's layout box components—which support nearly all CSS property configurations—this would lead to a very cluttered component attribute API.

Has anyone found a good approach for achieving and organising this level of styling flexibility in components?

- https://www.radix-ui.com/themes/docs/components/box
- https://www.chakra-ui.com/docs/components/box#as-prop
MachtigeMaxim
7
1 year ago
API POST error
Hey, so im making a web app and I need to pull data from a POST request.

I get an error 500 on that request telling me (AttributeError: 'str' object has no attribute 'get')

It is caused (I think) because the backend receives the JSON message sent via the POST request as a string instead of a JSON object.

This is the body payload:
{"question": "Wat is het wereldnieuws van vandaag?"}

When I do a cURL api request in Postman everything works fine. What could it be?
thecandella
1
1 year ago
Todo tutorial - Bearer access_token showing error
Hi all, I'm in the final bits of the Todo tutorial. I'm on the stage where we're in the HomePage and creating a GET API from the todos database in Xano.

I've installed the toddle chrome extension and I've opened up the preview app and logged in to store the login details in session cookies. However, when I select "Bearer <access_token>, it still shows me "Unauthorized - Authentication Required".

I've looked at the API request history on Xano and when doing it in the preview app, the request was successful.

Any ideas on what's going wrong?

69 70 71

135