Help forum

Create post

Max
0
2 years ago
On unload lifecyle event
Hi guys! Is there a way to implement an "On unload" event in components to for example remove listeners?
Max
10
2 years ago
Change base element tag in Component
Hi guys,
(how) can I change the tag of the base element in a component? This unfortunately is always prefixed with my project id.
NoCodeable
1
2 years ago
Wrap text around image
Admittedly it has been a bit since I have worked in Toddle so forgive the rustiness.

I have a section on a page where I want to wrap some text around an image - think your classic blog post.

For some reason I can’t get that to work. Any guidance would be appreciated.
Alfred
2
2 years ago
Set page path parameter from components
Hi,
Is it possible to set path parameters from components?
MVvdV
5
2 years ago
Events and Signals
Is there a way to create 'signals' as events? as an example, i'd like to subscribe to a variable change to update a text element at a high interval, like mouse movement coordinates.
esclarecido
1
2 years ago
loading screen
Hi,
How to implement a simple loading screen while an element (could be the whole page) is loading?
Is there a kind of state to implement this?
assanfulp
0
2 years ago
new project page not working
kookie_crisp
4
2 years ago
Noob -Q: posting a new record to Xano
I am looking to create a new record in the Xano backend, however the record has multiple "variables" (I guess) that are not just text but also "enum" and the categories from the dropdown are a pain to copy...

Is there a way that I can create a form, link the inputs to the API (POST) to generate the enum options as a list on the frontend(toddle)

Or does this have to be 2 API requests? One for getting the options and another to POST the form for a new record?

+ the API needs user authentication

P.S. this is like the 5th time I am recreating this whole little app because I get stuck somewhere for some reason and then cannot fix things and have to start from scratch...

so any suggestions are welcome 🙂

Cheers
TheColin
4
2 years ago
Changing the color of text
Hi guys. I have such e newbie question, its almost embarassing. But I cannot for the life of me change the color of text items. Every time I mark a text item in the item panel, it just switches the property panel to the input text (with FX). I am not marking the text, just selecting the item but still, no styling tab. It is doing my head in that this is such a hard tthing to figure out. The text is in a div. I also tried with a span but still the same problem.
the_guy
21
2 years ago
Access_token Expiration handler
I am currently in the process to handle the expiration of the access_token provided by supabase.

In an application where the HTTPonly flag is not set, you can just read the access_tokens expiration time and redirect the user to the login.
Alternatively, I could send an API request to a specific endpoint before the token expires to verify the token is valid and return a new access_token to have a seemles experience.

How can something like this be done with supabase + toddle?
Since the HTTPonly flag is checked, I cant read the expiration time of the token using a custom function.
So I thought I just store the expiration time in local storage every time the access_token is set and check it periodically - then renew the access_token every time the token is about to expire.

To do this, I found the sb_refresh_token what should be exactly for this purpose - however I am unable to read that as well due to the HTTPonly flag and found no toddle native way to use that in the payload.

What can I do to not have my app just break when the token expires?
The only alternative I see is:
- store expiration time in local storage
- once expiration time is about to be exceeded, "logout" the user automatically
Bishop
1
2 years ago
how to make quill behave a certain way
I explain in the video but in text:

i'm looking for the quill header to stick and the text box to scroll, not the whole side bar scroll. so that its like a Word window and their options are always at top.

This should somehow be possible, right?
assanfulp
✅1
2
2 years ago
explain branches like I’m a 5yr old
So my first block is clearly understanding branches. I just want to understand it a bit more clearly and simply.
0xJJW
✅1
💯1
4
2 years ago
Item variable missing
When rendering lists, I can no longer access the Item; it's not in the list of variables. Also, all existing instances of Item are returning undefined.

Has anyone else experienced this?

The weird thing is my lists have data and are displaying correctly (even the ones displaying undefined).
yoelfdz
✅1
9
2 years ago
Install socket.io-client on toddle
Hey there everyone!

I have created a chatbot UI, have been trying to connect it to Flowise API with streaming but no success with that so far. Here is their documentation on this: https://docs.flowiseai.com/using-flowise/streaming

The first step is to Install socket.io-client to your front-end application, how can we do that in Toddle?

Apart from that, here's what I've done:
const io = require("socket.io-client");
const fetch = require("node-fetch");

async function flowiseStreaming(args, ctx) {
const flowiseUrl = "http://localhost:3000"; // Reemplaza con tu URL de Flowise
const chatflowId = "<chatflow-id>"; // Reemplaza con el ID de tu chatflow

const socket = io(flowiseUrl);

socket.on("connect", () => {
const socketIOClientId = socket.id;

async function sendQuery(data) {
const response = await fetch(
`${flowiseUrl}/api/v1/prediction/${chatflowId}`,
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
question: args.question,
socketIOClientId,
}),
}
);

const result = await response.json();
return result;
}

sendQuery().then((response) => {
console.log(response);
});
});

socket.on("start", () => {
ctx.triggerActionEvent("start");
});

socket.on("token", (token) => {
ctx.triggerActionEvent("token", token);
});

socket.on("sourceDocuments", (sourceDocuments) => {
ctx.triggerActionEvent("sourceDocuments", sourceDocuments);
});

socket.on("end", () => {
ctx.triggerActionEvent("end");
socket.disconnect();
});
}

module.exports = flowiseStreaming;

I am not a coder, trying my best to make this work but at this point I do not understand what's wrong here and don't know how to debug it. Any help would be very helpful 🙏🏻
Mr
1
2 years ago
wierd error api response return null on ios device
hi, i have this error when im using android its working fine, only when im using ios and mac i have this error when response return null

on inspect also not showing any error, it just null

115 116 117

135