Help forum

Create post

zefunha
1
1 day ago
AI Thinking
Hi all,

Does anyone else's AI just sit thinking?

I asked a question, and thought it was the branch i was on, so i created a new one and still the same.

This has been like this for the last two days, any tips?
Tinsoldier
2
7 days ago
Subscriptions
I think i accidentally clicked on some upgrade, even though i had an annual subscription into something which charged me more. Can you help?
Targox
✅1
15
10 days ago
App suddenly broken, Spark Core buttons no longer respond
Didn't push an update on my app in over a months, suddenly my consolelog is full of errors and none of the spark core buttons seem to work??
unicodes
4
10 days ago
Why renaming css variables, doesn't propagate over all the project?
I just spent some time renaming and grouping my variables, only to realize afterward that I now have more than 9,000 issues because the variable names weren't updated where they're used.

Is there a way to sync CSS variable groups with the app so the references are updated automatically?
The_StarLord
13
11 days ago
Importing Custom Fonts
I am hosting a font I need for a project on my github as a public page. When I navigate to the URL, the font is downloaded so I would think this is accessible to import through a script or something, but I can't figure out how to get it to appear in Nordcraft when referencing it.

Anyone tried this setup or can point me in the right direction for importing custom fonts?
The_StarLord
6
13 days ago
Branch not loading in Editor
No idea what happened here, but I created a component and then the entire branch broke.

In the preview it still loads just fine, but in the editor, it is blank.

When switching to the Version Control tab, the branch's history does not load.

I also get the message that there is something wrong with the database.

I would roll back to last night when it was working, but apparently something got quite mixed up.

any help from the team would be awesome!
PilotBuddy
7
14 days ago
Site not working on custom domain
I have two upgraded projects, each of which use the same domain. I have www. connected to one project and a wildcard attached to the other. Both were working with this setup a week or so ago, but now the non-wildcard site is not longer working.
Anton
0
19 days ago
Changing Icons on Button click
Hii so i was wondering how i could create this tool bar using Nordcraft. When clicking the button for pencil or mouse the rest of the toolbar should only display the corresponding tools.
Thank you^^
PilotBuddy
1
19 days ago
I am getting this when I try to access my branch preview and main site
PunkteBaron
7
21 days ago
Issues with an Colaborative Project
Hey,

we've run into an issue with Nordcraft.

We're working on a university project and created a project workspace. All team members have been invited and are listed as members and owners of the project.

However, only the project owner can create new branches or see branches other than main. The rest of us cannot see existing branches or create our own.

To troubleshoot, I created a separate package, but we experienced the same issue there. The other two team members cannot see my work or any branches I create.

Is there any configuration, permission setting, or project setup step that we might have missed? Any ideas on what could be causing this?

Thanks in advance!
petermac
3
1 month ago
Connect to Supabase from Nordcraft
What is the best way of connecting to Supabase with Nordcraft. Is it with the built in Supabase connector in Nordcraft? I know there were some changes with Supabase with how keys work but not sure what the best steps to follow are. There are various videos I have found but want to be sure I am following the correct method.

Any advice please?

Thanks
sabsab
3
1 month ago
Are credits tied to a project?
Sorry, I may have misunderstood how the credit system works.
Christian Wantia
3
1 month ago
Scrolling: Editor- vs Test-Mode
How can I scroll the content in Editor-Mode like in Test-Mode?
Neville
1
1 month ago
Which API calls does my app use?
This is not so much an ask for help as a hint on how to do something, but I thought this may be the best place to post it.

I'm in the middle of developing a SaaS app (Nordcraft + Xano) and I was getting a little lost in all the API calls I have, and which pages and components in NC were calling which endpoints. Here's what gave me fairly decent results:
- In Xano, export the workspace including all queries
- from the NC project page, export the project

Give both files to Claude (I assume ChatGPT will work as well) and ask it to identify all API calls from the Xano export and determine where those API calls are used in the app. The screenshot shows what it came up with.

I am working inside a Claude project which has some specific instructions and memory, so your mileage may differ. And I am sure you can extract a lot more value from this.

Hope this helps in your dev work.
Darvm
2
1 month ago
Colaborative project
Hey there, I´m a university student and I have to do a group project in nordcraft. The problem is that we are not being able to share the project between us in order to work we all in the same project. For the owner of the project, when he tries to invite people it appears a message saying that he is not the owner. Then when another person tries to clone the project in their own organization, it clones empty or without some branches, and he is not able to edit them. How can we do it to solve this? Is it possible or should we all work in the same account?
Letronik | Lennart
6
1 month ago
Project/Code Export
Hey there, i really like the project but the only thing currently missing for me is the ability to export projects. Is this planed in the future or is this currently in development? Because i really would love to selfhost Nordcraft but if i cant export the projects to host it elsewhere, that doesnt really make sense for me. Or am i over seing here something?
Greg IRE
2
1 month ago
Møller & Hansen EDB ApS subscription
Hey team, im seeing a debit attempt for Møller & Hansen EDB ApS subscription for the old pricing plan. Am I right im thinking its pay per site and the old subscription should be canceled? Or is it s case that legacy subscriptions are being honored?
The_StarLord
14
1 month ago
Graph QL Variable Error
I am working on integrating a GraphQL query to do a mutation update through a variable. (img 1)

I have the mutation working when I hard-code the data into the API call (img 2)

I have gone through most of the tutorial videos, but I can't recall anything discussing this. The error reads : "variable '_userId' is declared as 'uuid', but used where 'uuid!' is expected".

The second half of that error message makes me think it might be out of my control and on the backend somewhere, but it is hard to tell.

Is there a resrouce for Variables in GraphQL I can review in the documentation or a video? Happy to be told I missed something and to study up.
Neville
13
1 month ago
How do you manage error logging?
Hello folks!

I'm interested to hear how you handle error logging in your app. Here's what I am trying to figure out:

I would like to add error handling to each API call. Some errors will be surfaced in the UI only, and some will be surfaced in the UI as well as recorded in an error_log table.

The problem is that some pages contain 2 or 3 API endpoints, and potentially each needs error handling.

Workflows do some of this, but a) I would have to re-create this on every page with API calls and b) they don't encapsulate the error logging api call.
Components do some of this (encapsulation) but I would need a workflow to set each attribute and then toggle an attribute that fires the error logging api call.

I'm sure I am not the first and pretty sure I am overlooking a simple solution. Any pointers highly appreciated - thanks!
𝔗𝔶𝔯𝔞
2
1 month ago
Unable to upgrade
Click on upgrade inside the project and it takes me back to the projects page with nowhere to upgrade the project. Through nordcraft.com/pricing after clicking on “Get started” it takes me to the invoices page and nowhere to upgrade the project. How to upgrade my project then?
PixelDrift
0
1 month ago
Here
Is there anyone looking for developer?

Specializing in:
• Modern web architectures (Next.js, TypeScript, Python)
• Advanced AI features and intelligent agents
Clear, professional process: brief → proposal → execution.
NDA standard.
Serious projects only. Direct message preferred.
sOliver
7
1 month ago
Project requests too high?
Probably the auto fetch went crazy on a login page (my first Nordcraft page) resulting in 1,6K api requests. I noticed the volume first i Xano and then on the Nordcraft dashboard. Is this a Nordcraft bug or is it some trap Nordcraft users can experience? I see that @ssssadsadasd has reported similar: https://discord.com/channels/972416966683926538/1495694295108419664
sOliver
7
1 month ago
Created a branch and lost content
I created a new branch and the content in the new branch was empty - or just the content of a new project. Can I undo or get back my lost content?
Targox
1
1 month ago
Trying to upgrade to new pricing model but it won't work
Might be kind of an edge case here, my subscription renews today. Nothing happens after pressing the blue "Upgrade" button. Thanks!
Ethan
✅1
4
1 month ago
Best way to hide without removing from DOM
Hi all, what would be the best way to hide an element based on a condition while keeping it inside the DOM (If my understanding is correct, show/hide removes it from the DOM entirely). I have an element that i want to hide but still need to access it in an action while hidden. (Its a hidden canvas that is written to. I want to show that canvas when it is complete. This is for taking a photo)

Many thanks
Lee Russel
2
1 month ago
Project Transfer to a Client
Hi I need help from someone in the internal Nordcraft team to help me transfer a project from our account to the clients account in Nordcraft.

Who is the best team member to reach out to here please?
Ethan
✅1
2
1 month ago
Taking Photos
Hi Everyone,

A requested feature for my app is to allow users to take a photo of themselves when submitting a form (as proof of id). What would be the best way of doing this in Nordcraft? Currently we publish our app as a PWA. I've tried using the capture="user" attribute on a file <input> However it is shaky at best. It only works on some browsers, and does not reliably open the front facing camera.

Any experience or advice would be most appreciated.
Ethan
✅1
5
2 months ago
Supabase Service Broken
HI all, after opening my project after about a month of no development I have run into an issue with the Supabase service. I've tried deleting and recreating it to no avail. I cannot see my endpoints when creating a new API. When testing the collection it reports the following issue (Note that I have blurred my keys here, but they are present. I have tried both the publishable and legacy keys). The account connection succeeds.
Max
7
2 months ago
Theme behavior between package and project
Hi team!
We have a few unstyled packages that we use in our projects. The packages all have the default NC theme. Is this somehow included in the package? So, am I installing x themes on top of my project theme when I install the packages?
Jehex
6
2 months ago
Array of objects manipulation question
Hi! Quick question about array manipulation.

I’m building an array of objects { id, commentsCount }, initially empty, that gets updated from a child component event. Each time a user comments, the event returns the post ID.

The goal is to keep a temporary local array of posts and their comment counts to update the UI without refreshing or calling the API.

How should I handle adding/updating objects in this array with these two cases :

If an object with the same id exists → increment commentsCount
If not → add { id, commentsCount: 1 } to the array

Thanks you
Marko
33
2 months ago
TypeError
Hiya! Im getting the attached TypeError when working in NordCraft. I can't seem to find what is causing it. Any help would be appreciated.

Project: ProdPerks_Screen_Guild
Branch: new-design
Email: hello@rebeko.nz
Account: Rebeko

Let me know if you need anything else.

PS. the design for this project is not mine, a client made it in Canva 🫠
Alfred
1
2 months ago
Google Tag Manager and Cookiebot
I know the best practice is to setup Google Tag Manager and Cookiebot in head scripts, but I really do not want to manage hardcoded scripts across multiple pages. We do not load scripts on any pages, so I think an okay approach even if it is not best practice is to handle the Cookiebot setup script and the GTM initialisation as custom functions triggered sequentially by callbacks so they are set in order on the page load event.

This is then placed in a global tracking component on every page root. But I do experience some problems on receiving analytics from page visits.

I would like to hear if anyone has successfully found an implementation that works which is centralized?
Edwin Paul
5
2 months ago
Wildcard domains
Hey! I’m curious to know if adding a wildcard domain also supports the root domain.
AMGProdZ
1
2 months ago
Proxy
I'm looking help for tailwind on a proxy called Platinum Network. If you're interested please dm me. P.S. theres no pay.
Jose
6
2 months ago
Unable to access my project/branches
When I try to access my branches I get logged out.
Mokona
2
2 months ago
Issue with Pricing Migration and Duplicate Invoices
I am writing to report a series of issues encountered while attempting to migrate my account to the new pricing model. Specifically, I am facing a loop in the upgrade process and unexpected billing charges.

1. Upgrade Process Loop
I attempted to upgrade a single project via the notification banner. Despite selecting the project and completing the steps, the notification remains active. When I re-open the modal, the previously upgraded project is still listed as those that can be upgraded. I repeated the process as I figured the first attempt did not upgrade correctly.

2. Billing Discrepancies
Since the notification was still present, I decided to visited the Subscription page. My account now shows two unpaid invoices for the same project. The upgrade modal information did not specify an immediate payment requirement. Since I am still within the paid window of my current Startup plan I would like these invoices removed and clarification how to successfully migrate over to the new pricing model.

For example, my subscription page still indicates I am on the legacy Startup plan despite these upgrade invoices.

3. "Private" Project Paywall
Lastly, I thought maybe I needed to downgrade to the Free plan, but I am currently blocked from doing so because my projects are set to "Private." It was my understanding that Private projects were no longer a paywalled feature, so I am unclear why this is preventing a plan change.

I would appreciate your help in removing the duplicate/incorrect invoices along with the necessary path to migrate over to the new pricing model for my account which presently has an active legacy subscription plan.

Please send me a DM for required sensitive account details and thank you for your assistance. ☺️
Arun
3
2 months ago
How to cancel my subscription?
I'm looking for cancelling my startup plan subscription, hoping to get refund . i'm not upgrating to any new plans now. I don't see any options to cancel and refund. Please help!
BabaBambule
6
2 months ago
Can't add wildcard domain to my project anymore
So I'm on the scaleup plan. Whenever I try to add a wildcard subdomain to my project it loads for a bit and then goes back to the mask in which I enter the domain I want to add.
Neville
4
2 months ago
Do I understand services correctly?
I was very excited to start using services, hoping that it would make calls with lots of parameters a little easier to configure. However, when I create a new api call in Nordcraft, select my Xano service and the PATCH endpoint I want to use, none of the input parameters show up. The Swagger docs are public.

Anything I'm missing? Not a huge deal but would like to use the feature if it makes life easier.

Thanks!
ssssadsadasd
6
2 months ago
Project requests too high?
So, I have built an app and yesterday I worked some time in it (a couple of hours). I was the only visitor of the app (as confirmed by Microsoft Clarity).
Yet the "project requests" sections shows these data (see pic). how is this possible?
thanks
Haenirr
2
2 months ago
Website crashed / not loading after creating a new formula to the project
getImageUrl formula
Plutus05
0
2 months ago
Next.js Engineer (E-Commerce, Premium Brand)
Remote | Full-time Rate: $20–$40hour

I'm looking a Next.js Engineer to lead the development of a premium perfume e-commerce experience focused on performance, UX, and conversion.

What you’ll do:
- Architect and build a high-performance storefront using Next.js (App Router)
- Develop conversion-focused landing pages (trust modules, storytelling, product discovery tabs)
- Build advanced PDPs (variants, galleries, merchandising content, SEO metadata)
- Implement cart & checkout (pricing logic, promos, persistence, Stripe/PayPal integration)
- Create secure authentication flows and a mobile-first customer dashboard
- Optimize Core Web Vitals, accessibility (WCAG), and SEO (schema, Open Graph)
- Integrate APIs, analytics, and observability/logging tools

Requirements:
- 2+ years frontend experience
- Strong experience with e-commerce platforms or custom storefronts
- Deep understanding of performance optimization (SSR, SSG, ISR, caching)
- Experience with payment integrations (Stripe, PayPal)
- Solid knowledge of security best practices (OWASP)
- Experience with animations (Lottie, Framer Motion)
- Strong component architecture and design system experience
- Familiar with headless CMS and API-driven architecture
Alfred
1
2 months ago
popover api closing animation not working
I am working with the native Popover API to create a side panel that animates in and out. The trigger button has popovertargetaction="toggle", and the attached image shows the styling of my popover element. I cannot get the exit transition to work properly, even though I have set the @starting-style for the entry animation and explicitly set allow-discrete in my transitions. Has anyone with experience using the Popover API run into this and can help me locate the conflict? I have also set data-unset-toddle-style on the popover element to prevent the reset stylesheet from overriding the popover's display mechanism.
Jehex
4
2 months ago
Version history not showing anymore
Hi there, probably a temporary issue but the whole version history just showing an infinite loading.
Steve
1
2 months ago
Repeatedly fetching API data
This might be a general coding question but how are people dealing with a scenario where you have for example dashboard, users, teams etc pages and each page has their own API data populating the front end?
I’m seeing lots of tutorials using onLoad to call an api to then retrieve data. If I then switch back and forth between pages it runs those respective api calls each time. Would it not be better to run all calls once at the highest level (and then pass the retrieved data to the necessary pages/components) when the user logs in for example?

Curious how people are doing this.. thank you!
Jose
0
2 months ago
Supabase connection
Supabase connector failing in ALL projects

- existing project: connection error
- fresh project: connection error
- live site still works
- realtime works
- keys verified
- tried anon + publishable

This blocks all API creation.

Is there an outage or known issue?
Miles
2
2 months ago
API Error 526 - SSL Issue
I've upgraded and migrated a Xano instance, and updated all of the base URLs in the APIs.

Now I'm getting a 526 error only on proxied requests.

Could there be cached data causing an SSL mismatch?
burntpancakesyummy
11
2 months ago
How to use a select element with multiple enabled
Trying to use the select element with multiple set to true but I can't figure out how to get the selected values from it. I can only get the last selected option.
zefunha
1
3 months ago
SSL mismatch
Hey,

Am on a corporate network and the website I created doesn't open correctly due to the ssl mismatch.

I have tested a few different websites from that have been built on nordcraft.com

Due to it being in isolation mode I can't input data
Miles
3
3 months ago
missing font weights
Is there a way to manually select/install which font weights to install when choosing a font? I'm trying to get heavier Inter Tight, but it only seems to have imported 400.

TIA
PilotBuddy
1
3 months ago
Safari Theme Color
Howdy! I’m not able to get Safari on iOS to adopt the theme-color set in the head of the page. Is this no longer supported on the latest vertical of safari? Thanks!
Iconic
9
3 months ago
How to switch between xano data sources.
I would like to know if i can separate my xano datasource in the editor so i can use staging data in the editor and live data in the my deployed app. same for my endpoints with branches, checked the docs and videos no headway. @Andreas Møller any pointers??
ssssadsadasd
0
3 months ago
Help with UI
So, I have a div that has the data and a div that has a loading icon. obv before showing the data div I show the loading div. however, if this loading-div does not have a height of 100vh the data-div has a slight horizontal movement after loading.
I set the height of the loading-div to 100vh and ti solves the problem but now the user has to scroll some empty space and that is not good.

not sure whether this makes sense without viewing the app.

anyone has faced this before?

Thanks
Founderlevin
6
3 months ago
HTML
Hello, I'm trying to insert code from a database like this:

Your next <span class="highlight">headshot</span> against an enemy Hero deals <svg width="128" height="128" viewBox="0 0 128 128" fill="white" xmlns="http://www.w3.org/2000/svg">
<path d="M32.0027 9C40.8042 9 48.6533 13.3022 53.7875 20.0238H53.7766C57.1324 24.4142 58.5664 26.6091 59.9993 26.6084C61.4318 26.6078 62.8632 24.4129 66.2125 20.0238C71.3467 13.3022 79.1958 9 87.9973 9C103.466 9 116 22.2789 116 38.6558C116 38.7707 115.999 38.8854 115.998 39H4.00155C4.00052 38.8854 4 38.7707 4 38.6558C4 22.2789 16.5345 9 32.0027 9Z" fill="white"/>
<path d="M24.5608 79C27.3761 82.0873 30.3317 85.1748 33.3264 88.303C41.7966 97.1509 50.5788 106.325 57.3782 116.742C58.8889 119.051 61.1111 119.051 62.6218 116.742C69.4174 106.328 78.1987 97.1556 86.6692 88.3073C89.6652 85.1778 92.6222 82.0889 95.4388 79H24.5608Z" fill="white"/>
<path d="M123 59.0055C123 59.0055 117.403 49 100.88 49H75V69H100.88C117.413 69 123 58.9945 123 58.9945V59.0055Z" fill="white"/>
<path d="M67 57C68.1046 57 69 57.8954 69 59C69 60.1046 68.1046 61 67 61H7C5.89543 61 5 60.1046 5 59C5 57.8954 5.89543 57 7 57H67Z" fill="white"/>
</svg>
<span class="inline-attribute-label BonusWeaponDamage">bonus weapon damage</span>.

I don't want to parse it and make my code heavier, but I can't find a way to implement it. I tried pasting it into both a div and a p. The AI suggested unrealistic options. And all 10 tokens on a blank page yielded no results. It still couldn't output formatted text.
Christian Beatty
✅1
19
3 months ago
My endpoints are returning 401 on published site but working in staging site, no changes with either
No clue why this is happening. Checked the Xano request history, shows 200 successful for requests made in the staging site and 401 for request made on published site, even then I had published and made no changes between the two.

I've published and made edits and published again anything that I could think of, adding logs, inspecting. I have no clue how or why this is happening.
unicodes
1
3 months ago
What changed with path / ?
Today my uploads broke without me changing anything. Why?

Before, everything worked correctly. You see that "/" ?
I was getting the upload URL from Supabase, something like /object/....
It was working fine before, but now I noticed that the API concatenates two //.

It seems like the API used to remove duplicates before, but now it doesn’t anymore.

I was forced to modify the upload URL by adding the upload url after "v1" to avoid the double //.

In case someone else has issues with APIs paths, you have to check this.
Miles
2
3 months ago
Copy Animations
Hi 👋 ,

I'm trying to copy an animation from one div to another, but it only copies the animation property, it doesnt carry over all the keyframes, therefore nothing shows in the animation editor in the new div.

Is there a way to get all of the keyframes across other than duplicating the div and resetting everything else?

Is this intentional? or a bug?

TIA 😃
Marta_Filipe
17
3 months ago
Publishing a branch to main corrupted my project and I can't recover.
After publishing branch mecanismo-filtro-dinamico, one formula (allDropdownsSelected) was renamed to an internal ID (Bnlbi3) and a ghost "Untitled" formula appeared. Browser throws TypeError: null is not an object (e.arguments.map) in formula.ts:407 on every page load. My entire configurator component is broken.

The original branch was auto-deleted on publish — I have no way to go back to the working version. Weeks of work on this component.

Is there any way to restore a deleted branch? Or fix main without rolling back weeks of work?

need help — this is blocking our entire project.
Armand
1
3 months ago
Using the Nordbase template or the Supabase Connect package: set a custom redirect URL?
Is it possible to set a custom redirect URL when using the Nordbase template or Supabase Connect package with magic link?

Context:
I want to use the magiclink signup/signin. But I want to be able to set the redirect for each of those scenarios (e.g. I want to send a user to a different page on signup).
zefunha
1
3 months ago
Go to url not working
Hi,

I have updated my set httpOnly cookies, I can see the cookie return but for some reason my redirect is not working.

When I run this in preview mode it's an 403 error, in the inspect

Using chrome. Extension version is 2.3.8
Jonesy
6
3 months ago
Can i build react components in Nordcraft?
Just a simple question but i want to build a tournament bracket and im having a hard time building it in Nordcraft, would be easier if i can just code a component that is connects to my database somehow.
Iconic
8
3 months ago
page in my app keeps crashing
Opened a page in my app and i get this error
Steve
9
3 months ago
Nordbase Template Signin Redirect issue
Hi! Im getting aquinted with the Nordcraft platform and am loving it so far! I watched Salma's tutorial on the Nordbase template and wanted to try it out.
I started with the template, updated the ANON_KEY and PROJECT_URL formulas and configured the site URL and redirect urls in Supabase. When signing in with an existing user however, on success I get redirected to the website test.com... I tried hardcoding the redirectUrl on the /signin page to reflect the /app url but no dice! Any help is appreciated.
Marta_Filipe
3
3 months ago
How do I connect the Reduce accumulator ("result") to a Set function's Object input in the visual
Hello!
How do I connect the Reduce accumulator ("result") to a
Set function's Object input in the visual formula editor?

When I click the + on Set's Object input, the "From Reduce"
section only shows "item" and "index" — "result" doesn't
appear. Typing "result" in the search field shows "No results".

The "result" node exists on my canvas (From Reduce > result)
but I can't find a way to connect it to the Set input.

What's the correct method?
Neville
3
3 months ago
Custom domain stuck in Issuing SSL certificate
Hello folks,

I had a custom domain attached to my Nordcraft app. I am now re-developing the app from scratch (long story) and need to move the custom domain to the new project.

I think I didn't do things in the right order (removing then adding the custom domain), so now when I try to attach the custom domain to the new project it is stuck in:
- Issuing SSL certificate: Pending

It's been like that for an hour I think. In GoDaddy I have:
- A record @ 104.17.249.72
- CNAME record www custom.domain.toddle.site.

Help please? 🙏
Ethan
✅1
1
3 months ago
Supabase Password Reset Redirect URLs
Hi all,

I am trying to implement a password reset page. We use Supabase for authentication. I am using the PCKE flow, and am trying to trigger the request for a reset password email via https://<project>.supabase.co/auth/v1/recover, however I am having an issue with the redirectTo parameter.

I POST to the endpoint with the following body
{
"email": "admin@pf360.co.za",
"redirectTo": "https://pf360.co.za/reset-passsword",
"code_challenge": "<Not generated yet>",
"code_challenge_method": "s256"
}

I have tried the redirectTo parameter as https://patch-2026-03-12-processflow360.nordcraft.site/reset-password as well.

I have the following redirect URLs enabled in my Supabase dashboard, with my site URL set as https://pf360.co.za:
https://*-processflow360.nordcraft.site/**
https://pf360.co.za/reset-passsword
https://patch-2026-03-12-processflow360.nordcraft.site/reset-password

regardless of what I set the redirectTo parameter to, my email contains the following link:
https://<project>.supabase.co/auth/v1/verify?token=<token>&type=recovery&redirect_to=https://patch-2026-03-12-processflow360.nordcraft.site/_toddle/preview

The redirect_to parameter is set to https://patch-2026-03-12-processflow360.nordcraft.site/_toddle/preview.

I can't figure out why this is, any help would be appreciated.

Many thanks.
unicodes
3
3 months ago
Where to find events from an exported component?
I just built a component and exported it. How can I communicate information to the outside when something happens inside the component? Is there a way to catch the events that the component creates?
lennartblmn
4
4 months ago
What is the intended workflow for using API responses with context
When I fetch data via an API on a parent component and pass it through context, the value is null in the editor — so I can't see or test how child components will look with real data. I end up using placeholder/hardcoded values to preview the UI, but then risk forgetting to remove them before going live.

What is the recommended way to handle this?
Christian Beatty
✅1
5
4 months ago
Domain not adding.
CNAME is added to the DNS settings, but the domain isn't propagating/setting to Active in the domain panel (been nearly 24 hours).

You can see the DNS setting here and the right settings in a DNS lookup tool.

https://mxtoolbox.com/SuperTool.aspx?action=a%3aportal.dodekadigital.com&run=toolpage
Iconic
✅1
38
4 months ago
issue with local storage in editor.
I have an issue regarding local storage, im trying to generate a user session id and store it in the local storage then always call it to check the users sessions and use it for corresponding api calls but gfor some reason nordcraft isn't seeing it even when it shows in the dev console. tried all methods and ai keeps returning null errors and burns my credit regardless
Miles
✅1
4
4 months ago
Update Query Params
Hi 👋

I want to update the url query params in a workflow.

As I understand it, I should see an action to do this in the workflow as per the Nordcraft Docs, but I can't see it. https://docs.nordcraft.com/pages/static-and-dynamic#working-with-url-parameters

*I have query params set in the page settings.

Has anyone achieved this without creating a custom action?

Thanks 🙂
BabaBambule
4
4 months ago
Pass down data with exposed workflows?
I am having a hard time wrapping my head around this and trying to understand exposed workflows and formulas here.

So I took a look at spark core that has multiple exposed formulas in their sc-provider. These pass down information like is android or is iphone etc.

So I tried to emulate that for my application that I'm building. So my app-wrapper have an api call for tenants. If that auto-fetch is successful I store the fetched data in a variable, trigger an exposed workflow and a exposed formula.

the formula gets the data from the variable.

In one of the child components of my app-wrapper, I activated context, got my formula and workflow and try to get my fetched data but nothing happens. The formula is used on load to fill the data of a variable, but this variable remains empty no matter what I do.

Even tried the ai but it was utterly useless for my scenario 🙁 told me repeatedly to use the attributes, which is fine I guess but I wanna understand the exposed context
Miles
✅1
9
4 months ago
sc-slider
Hi 👋

I'm trying to make this slider work. The values should be 0-10 which I have set as the min/max values. The value is linked to a var, as is the default-value.

The min/max buttons update the var and clicking them works. When i click max, the slider goes all the way to the right, and when I click Min the slider goes all the way to the left.

The problem is I can't actually interact with the slider. When I try to click and drag the thumb nothing happens. I can't slide the slider...

Set up attached.

Any help appreciated 🙏
Sanni
4
4 months ago
Elevenlabs integration in nordcraft
I wanted to integrated elevenlabs into my project, I have pasted the elevenlabs embed code into my project with the attributes of agent ID and allow microphone but each time I try to start the flow , I get an error occurred or permission denied
Tinsoldier
✅2
11
4 months ago
URL in background
Does anyone know how to put a formula in url for background for a div?
razgy_
✅1
6
4 months ago
Web download
Hello, is there any way to download the website? Complete HTML, CSS, JavaScript, and so on?
needtheanswers
13
4 months ago
Nordcraft font variants
Hi everybody,
I recently changed my font to “Geist” and noticed that only the 400 weight is available. However, when I set it to 600 or 700, the weight still changes slightly (although there’s no visible difference between 600 and 700, as you can see).

Out of curiosity, is it normal for some fonts to have only one available weight while others (like Inter) have multiple weights? And if so, why am I still able to set the weight to 600 or 700 even though those weights shouldn’t exist?

Thanks 🙂
Iconic
1
4 months ago
Issue preselecting data
I have a few functions I'm running that supposed to preselect an item in an array on page load and api request success but they don't work. I've tried multiple methods all to no avail, whats the best way to approach this
FeRojas
31
4 months ago
Cant use http-only-cookies on editor
Im having trouble using the http-only-cookies on the editor, is something that always has work well using Nordcraft extension, but since some weeks the extension stop working for me. Authentication flows work well on production and on preview pages, is just in the editor that the extension is not getting the cookies. I can see cookies in the browser DevTools Application tab under Cookies https://editor.nordcraft.com/ for both cookies (with domain of preview pages)

Could someone guide me through the most common things to check when troubleshooting?
Neville
3
4 months ago
How to create a box shadow with theme variables
Hello folks!
I need some help using the new themes to create a box shadow for a component (or any div).

The resulting CSS should be "box-shadow: 0 10px 25px rgba(15,23,42,.08)".

I've tried creating a "syntax any" variable containing "box-shadow: 0 10px 25px rgba(15,23,42,.08)" and then adding that as a CSS variable to a div, but nothing happens (visually).

I suspect I may not be using the CSS variable correctly.

Can anyone point me in the right direction please?
Thanks!
FeRojas
12
4 months ago
Refresh session modal instead of Refresh page
In a web app, I'm using WorkOS for authentication (with Convex), and I use a refresh page to refresh the session token, inspired by the Nordbase template. I was wondering if it would be a good option to replace or complement the refresh page with a modal that has the same functionality — refreshing the token — with the goal of improving UX by not losing what the user was working on, and also being faster since we don't have to load an entire new page and then return to the original one.
The specific use case is when the user navigates to an external page and comes back after a while to the app with an expired session. Instead of redirecting to the refresh page, a modal would load inline within the current protected-page-wrapper component, preserving the user's state, refresh the token and then show = false.

Is anything in particular that should I worry about this approach? I am only asking because it is a security sensitive flow, so I want to be sure that it is secure approach.
mohammed123
1
4 months ago
paypal payment
how can i integrate paypal payment with nordcraft ?
mohammed123
2
4 months ago
token check
hello
i want in page load to check if the token is Valid or not via api
and if not
it clear the access token
how can i do that ?
Sanni
2
4 months ago
Force Ui reactivity
I have this workflow that append a variable with new array which I have connected the variable to the ui as a chat . The variables shows increase in size But after append it is not showing on the ui. I guess it needs something to trigger the reactivity.
Please help
unicodes
0
4 months ago
OpenAI hasn’t provided any solution to my request.
I had a specific request to build a simple card showing three separate elements. Maybe my request wasn’t precise enough, but I just spent 8 credits without getting a result. It returned only a few formulas, with nothing visual. I opened this thread, considering the AI is in beta to share these situations and help @Kedde check our logs. I’m confident this could be improved. I would recommend adding to our chat an "id" doing this we can share our experiences here.
lennartblmn
✅1
3
4 months ago
Efficiently pass data
I want to have a single drawer component at the app root, opened/closed via context from any page. That part works fine.

My question is about passing data back to the component that triggered the open. Example: the clients page opens an "add client" drawer. The form submits, the backend returns the new client object, and I want to append it to the clients list — without a full reload.

What's the recommended pattern for this in Nordcraft?

I've been looking at createPromise / resolvePromise on window — the clients page creates a promise when it opens the drawer, the form resolves it with the API response, and the clients page awaits it to get the data back. It works but feels clunky.

Is there a cleaner built-in way to handle this kind of trigger → async result → back to trigger flow?

I also saw that workflow callbacks are a feature flag, but I'm not sure if that would solve my issue.

Thank you for your help!
lennartblmn
6
4 months ago
Editor Slow - how can I figure out the cause?
I'm aware that the editor gets slowed down by things that will also slow down the app itself.
Almost sure it's some custom action, that I'm calling repeatetly and is not getting cleaned up or something - but I just don't know which. It also happens on a page, where I don't use any custom actions, even after a full reload.

This is not meant as a "slow editor" complaint, but rather as a "how can i quickly identify the cause" question

Thanks!
Seun Orofin
7
4 months ago
issues with my subscription plan
unicodes
8
4 months ago
Missing JWT editor, is just me having this issue?
"Empty JWT is sent in Authorization header"
Iconic
34
4 months ago
My editor is lagging really bad, i can barely do anything.
Been out of nordcraft for a while came back to build a new project and for some reason the editor is lagging, its so bad ihad to rework my whole api systemand its still lagging. what could be the issue?
Devon MacDougall
8
4 months ago
Did the method of logging a user out change?
I'm using "/.toddle/logout" which was working properly for months but now it's just refreshing the page and leaving the user logged in.

On refresh, the URL show's ".../.toddle/logout" but users aren't logged out.

Any help would be appreciated
Vizualinx
2
4 months ago
URGENT! Issue with Browser Fullscreen (F11) shrinking the app window
Hey everyone!

I’m running into a weird issue with my app.

When I try to put the site into Fullscreen mode via the Chrome menu (or F11), instead of filling the monitor, the app window actually shrinks and becomes smaller on the screen.

Has anyone seen this happen with Nordcraft layouts? Is there a specific "Viewport" or "Container" setting (like fixed aspect ratios or height: 100vh logic) that might be conflicting with Chrome's fullscreen toggle?
(That's the only thing AI suggests is happening here)
Targox
✅1
5
4 months ago
I am getting "Unable to create branch. Please try again or contact support."
Anyone else?
Corbin Harder
1
4 months ago
Main Branch Preview Not Working
When I merge a branch it updates the main branch in the editor but the preview is not updated. I've tried clearing the cache and it still does not work. Thanks for any help you can provide!
needtheanswers
30
4 months ago
Safari dilemma
Hi,
I have a bottom navigation bar on my page. The problem is that when I open the page on my phone (Safari), the Safari toolbar takes on the color of my mobile nav. Even worse, the navigation bar gets covered by the Safari toolbar (or the white area).
This not only looks bad but also makes the page unusable on mobile Safari. Is there any way to fix this?
I’ve been struggling with this for hours so I would really appreciate any help. None of the AI solutions I tried worked, and simply adding bottom padding doesn’t make sense, as it would push the bottom nav up into the middle of the page.

I´ve recreated my setup here: https://editor.nordcraft.com/projects/test13/branches/start/components/test?mode=design&canvas-height=1024&canvas-width=768&rightpanel=style

Thanks a lot
Christian Beatty
✅1
3
5 months ago
Create branch button isn't showing
Create branch button isn't showing for one of my collaborators, we are viewing the same project with the same permissions, but he's not seeing anything. Screenshot is from my profile, Create Branch button is clearly shown. But on my collaborator's page it is gone.
Corbin Harder
10
5 months ago
Formula Boolean Not Working
I am using a formula to create a boolean value. When I reference that formula the value looks correct but is not recognized. For example, in the attached screenshot it indicates that the "false" is present in the attribute, but it is functioning like it is. When I manually input "false" instead of using the formula it works. This is just one example. It seems to be a problem everywhere I try to reference the formula boolean value. Thank you for any insight you might have!
Corbin Harder
5
5 months ago
Custom Code Not Saving
My custom code, whether it be in an action or a code formula, does not save. Occasionally it will save if I wait in the code editor long enough.
Iggy
9
5 months ago
Scroll event
Hello,

I am new in Nordcraft (former Bubbler), so have some questions... How can I change the background of a header element (a div with position: absolute) when scrollY becomes greater than 100? I tried using the scroll event available on elements, but it does not work. I also tried a custom JS formula like return window.scrollY > 100;, but that does not work either.

Additionally, how can I implement smooth scrolling to a specific element on the page (scrollTo) when clicking a link in the header?

Thank you in advance.
Ethan
✅1
2
5 months ago
Responsive Grids
Hi All,

My application is going to be used on both mobile and desktop devices. Several major components of it are grids of cards. I would like make a responsive grid that adjusts, so that may display in a 3×3 grid on desktop but a 1×9 grid on mobile.

I know there are things like the grid layout and CSS variables that have been added to NordCraft recently, but I'm not sure how to use them, or where to learn how to use them for cases such as mine.

Can anyone recommend some resources on how to do this?

Many thanks.
PeterShaw
2
5 months ago
Join API
Hey there, is it possible to have a join API call?

I have 2 tables in supabse. One is calendar days and one is absences. I have a vertical view with repeated divs so that I have 31 divs for January. For this I repeat from table calendar days. Now I want to also show within the divs if there are absences. How do I merge this API call?
Jehex
8
5 months ago
Modify the color of the scrollbar on IOS ?
Hi there, wondering if they're is a way to modify the color of the scrollbar on ios, I know it's set on user / browser settings but on white background it's hard to see it. Thanks very much
Jehex
20
5 months ago
Avoid zoom on input ( focus ) on IOS
Hey 👋
I’m building a web app with Nordcraft and I’m hitting the classic iOS zoom-on-focus issue.

On iPhone, whenever an <input> or <textarea> gets focus, Safari auto-zooms, which really hurts the UX.

I’m aware of the usual iOS constraint that inputs need a 16px font-size to avoid zoom

…but 16px is way too big for my design, especially for compact UI / forms. I really don’t want to scale text up just to satisfy iOS Safari.

Is there a way to prevent iOS zoom without forcing 16px text?

Thanks!
fstopeight
8
5 months ago
How to import?
I used this: https://tailwindtonordcraft.netlify.app/
But now I have no idea how to import the JSON in the Nordcraft, how to do this exactly>?
croco
0
5 months ago
I am looking for a professional app developer.
I am looking for a professional app developer.
Below is a brief overview of the app development requirements.

・UI/UX will be faithfully implemented based on the Figma design.
・Screen transitions and launch animations will be implemented.
・The application will operate using local dummy data (e.g., JSON) for verification purposes.
・Biometric authentication (fingerprint / facial recognition) will be implemented.
・Image capture functionality will be implemented (camera launch → capture → display).
・Payment functionality will be limited to a dummy screen only.
・The application will be developed using Flutter, with future iOS expansion in mind.
・No server or API integration is required.
・The scope includes both User App and Store App.

Currently, only an MVP is being developed
I plan to build an API-based backend in the future.

Regards
Riisud
26
5 months ago
Page theme in formula editor
Hi, what is the purpose of this in the formula editor and why is it empty?? It is listed under page. What can i do with it?
Vizualinx
1
5 months ago
Slots
If I have a slot in a repeat item, I add some elements in the slot (when using the component-from outside the component), can I access the data from the repeat item?
Jonesy
6
5 months ago
How are you all handing SEO for dynamic pages
I now have my site up and running, but now i am getting SEO figured out.

How are you all doing it for the dynamic pages when it doesnt show up in the sitemap.xml file, unless i am doing something wrong.
enginhear
9
5 months ago
Working with css layout
Hello, does any one have a simple course that could help me work better with Nordcraft regarding layouts?

There are simple layouts that I want to achieve, but I find myself tweaking everything in Nordcraft for hours without success...
For example having a container of 80vh, with inside two divs each containing one image, and having the two divs filling the height of the containers.

To me it looks simple but in Nordcraft I can not get the two divs to fit inside the container with the images being responsive.

I guess there is something I'm missing
Riisud
✅1
15
5 months ago
Component variants
So i'm trying to figure out what is the best and easiest way to maintain a component with variants?

So for example i want to create a button component with variant options (primary, secondary, ghost, ...) i get it to work with creating classes and then applying different styles to those classes + styling pseudo classes attached to each variant class.

But now i was trying it out with style variables and i got this to work as well. With style variables i do not need to use classes anymore but i just want to know what's the agreed upon way of doing it?

Problem with style variables is that i can not use my theme color variables. So if i ever want to update my primary colors i am forced to go update every style variable i ever used that hex code in. If i could get my theme color variables to work with the style variables that would'nt be a problem anymore. Unless style variables is the wrong way of creating variants and i should stick with classes???
Mathias
2
5 months ago
Cannot send FormData - Request Body is always empty
I'm trying to convert my data (an array of uploaded image files) to FormData and send it via POST request to my API. However, I noticed the request body is always empty.

I tried using a Formula, as well as a Custom Action that loops through the files and returns a FormData element, I tried setting the Content-Type to "multipart/form-data", tried it without Content-Type... Somehow it never ends up properly in the request body.

It seems like Nordcraft always tries to serialize the FormData, which breaks the request.

Nordcraft AI suggests the only solution is to create a Custom Action and manually call the API endpoint using fetch. Is this really the only way to handle multi file uploads with FormData in Nordcraft?

Thank you!
Jonathan Fors
2
5 months ago
Transferring a client project
I need to transfer a client project to their workspace. I think I remember this being a manual process Team toddle needs to do? Can share account emails in DMs
mohammed123
2
5 months ago
slider don't work
I am trying to create a slider in Nordkraft with arrows and pagination, but it does not work at all. What is the solution?
chrisr
10
5 months ago
"Could not find formula" in package
Hi there,
we're facing an issue where exported package components that use non-exported package formulas throw this specific error. Is this a mistake on our side?
The "missing" formula holds the data source and branch used in the Header of each API request to our database.

This can be seen here, for example: https://westhafen_operating_system.toddle.site/anmelden
Using our package https://westhafen_designcore_v2.toddle.site/

The error was also mentioned and fixed back in May: https://discord.com/channels/972416966683926538/1366791513874370570

Thanks a lot!

(cc @Luca Heck )
Kittiphum
3
5 months ago
Cookie sharing between domain and subdomain
Hi there,

I created an LMS in toddle for my client and now he wants an "add-on", preferably on a subdomain. My question is if it is possible to share a cookie between the main and subdomain, so that a user could just click a button and be navigated to the subdomain, where they would be automatically logged in, in nordcraft.

Thanks in advance for your replies.
unicodes
6
5 months ago
Formula of workflows called in contexts, continue to get lost.
I just renamed a main component, and some of formulas of workflows called in context get lost.
@Erik Beuschau I'm working right now on it to fix all the missing connections, you are member of the project, in case you want to check what's going on, please go for it. Please feel free to join "start" branch, I'm working right now on it and is the one with this issue.
enginhear
6
5 months ago
Beautiful colors (I'm curious)
Where are the core colors like "mediumorchid" from?
They all look amazing!
Alfred
14
5 months ago
CMS recommendations
Hi
I am starting a new project where we are building a new marketing website for an IT consultancy firm. They are moving away from Elementor and over to a new setup in Nordcraft. The idea is to make as much of the content dynamic as possible, both on single pages and on page types like customer cases, news, blog posts, and similar content.

I am looking for a CMS that can handle extensive rich content. The marketing team is currently using Airtable for managing posts, releases, and other content, but their API rate limiting and simple rich text support do not seem suitable for serving dynamic content.

I have set up a test with DatoCMS and I have also looked at Directus and Contentful, but they end up being a bit too expensive. I would like to hear if anyone has positive experience with cheaper alternatives that still offers extensive features hfor rich text, GraphQL, and similar needs.
FeRojas
2
5 months ago
Deploying different app instances/versions with different env variables
Is there an easy way to run the same app from a single repo as multiple instances, each with different environment variables and connected to different subdomains?

Use case: I want to deploy identical versions of a web app (under same Nordcraft project), but each connected to a different subdomain and backend instance. The goal is to isolate different tenants so each business has its own subdomain and dedicated backend instance.

I know that global formulas could be use like a env variable (but expose to the client). Could they be used dynamically—so that based on the subdomain the app connects for example to a different SUPABASE_PROJECT_URL and SUPABASE_ANON_KEY (global formulas), so each subdomain connects to different Supabase projects? Any advice on this would be appreciated.
binayek._89441
0
6 months ago
Problem in storing auth-token in session cookie
I was watching the No Code Coder CRM building tutorial, where I faced this problem of storing in a session cookie. I found the same problem posted previously in the comments, and it says it is fixed. What should I be doing?
nathandh
6
6 months ago
Question about Challenge 3
In the 3rd challenge (with repeating country list), there's a step to bind the input variable to the search parameter in the API call. Looks like:

ilike.%

What does this string represent?
Nikita Repetun
2
6 months ago
Change account email
I want to change email on the account, but system doesn't allow. How can i solve this?
Marcel
6
6 months ago
select bound to a variable wont show the right option
I have a select where I have bound the value to a variable. However, after a reload, this select no longer shows the correct value but always falls back to the first option. I checked everything, the variable or value is set correctly. There seems to be a timing issue with the select as it works fine with text bound to the same variable. Unfortunately I can't think of any way to solve the problem (in Nordcraft) anymore.
unicodes
2
6 months ago
Does Nordcraft uses a static IP address for the proxy service?
I'm considering to add the proxy IP address to supabase whitelist in order to limit access to the database.
Does Nordcraft uses static IP address or it changes?
ArtTnoV
🐞1
3
6 months ago
Can't access to Nordcraft Editor (app.nordcraft.com)
When I press "Open app", or go straight to app.nordcraft.com - it redirects to 404 page
Tinsoldier
3
6 months ago
Supabase Graphql
When I connect the service and go to editor, it shows all the collections but selecting a collection gives no data even thought public select is on.
Ben H
5
6 months ago
what is the scope of style variables?
can someone clarify the expected scope of style variables?

i declared some style variables at the root element of the page i'm working in. inside that root div, i can see them available in the style panel as expected. however, in children of this div, sometimes they seem available and sometimes not.

for example, inside one child component, referencing --font-color works as expected.

however, in a different child component, referencing --font-color-secondary is not working.

are there rules regarding where these declared style variables can be used?
knamuora
3
6 months ago
Filepond Integration
Hi, i've been stuck for some time on this issue, while integrating filepond's custom file picker. In setup i've an action initializing filepond and all the logic which works fine, having only one argument of elementId targeting the input element and having these events: onFileSelected and onUploadError.

On onFileSelected, i'm passing these values: {"name":"video.mp4","type":"video/mp4","fileObject":{}}
The issue is in a workflow i'm only obtaining name and type, the fileObject(that should contain binary data) is always returning empty.

I'd appreaciate if anyone would help me resolve this. Thank you!
Miles
11
6 months ago
format date - YYYY-MM-DD
I'm trying to output todays date in the format YYYY-MM-DD to set a max attribute as todays date in a date input.

Can't figure out how to do this and neither can the AI. It seems like it should be such a simple setting of something...I'm sure I'm missing it.

Image is of what the AI suggested. Side note - Is the AI making up functions that don't exist? 🤔 😅
Kleveland Bishop
3
6 months ago
302 infinite loop on /login route
If you head to my site wrkflo.ai, its stuck continuously redirecting. Same happens on development paths e.g. https://b-wrkflo.toddle.site/login

please help when available !
J.ulian
5
6 months ago
Script content not SSR?
Hi, why isn't the result of this simple formula visible in the page source (but available in the dev tools element tree)? Many thanks, guess there is a simple explanation for this...
Dublin
23
6 months ago
httponly
How should I properly extract the token from my API response? My backend returns the authentication token, but I'm not sure what the correct formula path should be in the "Set HttpOnly cookie" Value parameter.

Why is the Authorization header trying to get a cookie during the login request itself? Should this header be removed entirely from the login API configuration?

What's the best practice for handling form submission with API calls in Nordcraft? Should I use the form's submit event or the button's click event?

How can I conditionally set the cookie only when login is successful? Currently, the cookie action runs in onCompleted regardless of whether authentication succeeded or failed.

Expected Behavior:
User enters credentials and clicks Login
API call is made to backend
If successful, token is stored in HttpOnly cookie
User is redirected to /gri-management
If failed, user sees an error message
BabaBambule
20
6 months ago
use color-mix with variables
So basically a follow up to this post

https://discord.com/channels/972416966683926538/1266378893292732436/1266381383425720351

I want to add color-mix to my theme and using it like this
color-mix(in, oklab, #E85002, 80%, #FFFFFF, 20%)

already works, but I'd like to replace the fixed color values for var(--brand) and var(--white)

but writing
color-mix(in, oklab, var(--brand), 80%, var(--white), 20%)
always converts to
color-mix(in, oklab, --brand, 80%, --white, 20%)

and doesn't work anymore. Is that just not possible yet or am I missing something?
Luca_
4
6 months ago
How to prevent navigation flickering?
is it possible to prevent this navigation flickering? The link elements are rendered from an array, all api call are running on serverside.
ssssadsadasd
2
6 months ago
orphan node element was found
what does this error mean? when I click over it I see nothing
𝓜𝓪𝔁𝓲
0
6 months ago
Has anything changed in the way nordcraft handles Editor API calls?
Following works on the live site but NOT in the editor:
We bootstrap a session and then sent consent into this session (cookie consent). After the consent we get consent and session data by calling bootsrap again with Autorisation.

Server does NOT recieve the http cookie. (only for the nc editor)

Video: https://www.tella.tv/video/norcraft-editor-session-cookie-bug-7f4o
Raphael Walters
3
6 months ago
Clarifying workflow event behaviour
Hey everyone!
Documenting best practices for workflow 'callback' events. I have some edge case questions about this pattern:

1. Provider exposes workflow via context (e.g., updateUser)
2. When triggered, the workflow calls an API and defines a 'callback' event
3. Child components subscribe, call the workflow, and listen for 'callback'
4. On API completion, onSuccess triggers the callback event
5. Child reacts (close modal, show toast, navigate, etc.)

Questions:

1. Event Deduplication
If a user double-clicks "Save" and triggers the workflow twice rapidly:
- Do both executions fire separate callbacks?
- Is the API debounce option (in Advanced settings) the intended solution?

2. Callback Event Scope/Lifetime
If a callback fires but no component is subscribed (e.g., component unmounted before API completed):
- Does the event get lost (fire-and-forget)?
- Does it queue until a subscriber appears?
- Is there any error or warning?

3. Multiple Subscribers
If two component instances both call the same provider workflow and subscribe to callbacks:
- Does each only receive callbacks for executions it triggered?
- Or do all subscribers receive all callbacks?
- Example: Two modals editing different users simultaneously

4. Unsubscribe Behaviour
When a subscribed component unmounts:
- Does it automatically unsubscribe from the callback events?

Understanding these helps establish best practices for:
- Preventing duplicate API calls/race conditions
- Handling loading states correctly
- Building robust multi-instance components
Interested to hear your thoughts. Thanks! 🙏
Jamie w
6
6 months ago
How does version control work?
Hi there, I am brand new to nordcraft and am inheriting an existing project from a previous developer. The project owner has had issues with bad code being released to production immediately, and it seems like the previous developer was not using branches correctly. On querying them, they have told me this is because (they believe) we have a single database (through a xano connection, which I also don't know much about yet), and when merging a branch into main, the state of the database at the time of branch creation is also merged into main, thus losing all database edits that have happened since branch creation. Surely this cannot be true? Is there anything you can offer to help me unpack this?
Iggy
4
6 months ago
Wrap doesn't work
Hello, I need some help. I have been trying for days to solve an issue with flex wrap. Wrap is enabled, but the div elements are not responding as they should. What am I doing wrong?
BabaBambule
✅1
9
6 months ago
Need help with httpOnly API Fetch
So I am currently trying to authenticate a user based on the information stored inside my access_token httpOnly Cookie.

My Token contains a stringified json with token and id as values. On my homepage I've a graphQL call on auto-fetch with Server-side fetching and proxy request turned on.

I am trying to get a user based on the id that is stored inside the httpOnly Cookie. But the reponse always gives me this error:
"Invalid query. The filter value for "_eq" has to be a string, number, or boolean."

I am on this for hours, trying different stuff the AI suggests but nothing works. Do I have a fundamental mistake on how the httpOnly Cookies work?
ssssadsadasd
1
6 months ago
Microsoft clarity implementations
Has anyone managed to implement microsoft clarity in an NC app?
I added the script to the head element of the page in nordcraft but I am getting no data after two days.
thanks
Marcel
5
7 months ago
Catch-All Redirect
Ist it possible to setup an catch-all redirect? I would like to temporarily redirect all pages of the domain to a maintenance page.
Ethan
✅1
10
7 months ago
Cannot Delete or Edit Project
Hi all,

A few months ago, I requested that an organisation I made be transferred to a different account. This organisation has one project. I think something has gone wrong with this process however, as I can only edit the project from the previous account (the new one cannot). I also cannot delete the project or edit the project's details from either accounts. My end goal would be to have the project belong to and orgnaistion belonging to my new account, with no association with the old account.

Many thanks.
ssssadsadasd
7
7 months ago
Recognize links
what is the best way to implement a text element that recognizes links?
so besides text you also have links that are clickable, e.g. https://discord.com/
Emilien
17
7 months ago
How to locally use custom elements
Hello, I am currently testing Nordcraft locally and wanted to know if it is possible to use custom elements when self-hosting a project. I see that it was possible at one point, because there is an example in examples/custom-element on GitHub. But how can this be done now?
knamuora
2
7 months ago
Image quality loss
As soon as i add images in my project they're turning blurry and insanely loose quality visually though normally they are of high resolution, any help/tip of how i go about this would be appreciated.
Ben H
2
7 months ago
Anyone know how to achieve these sorts of effects?
https://imgur.com/a/cQ4YBLy
It looks like some can be achieved by animating CSS gradients, but I'm not sure about the rest. I'm assuming the skiers is a video animation being played on repeat? What about the sparkles over the CSS gradient? Can that be done in pure CSS too or are they using Javascript or three.js? I was trying to look at the source code but was confused about what was going on lol
Joe
4
7 months ago
Cannot see branches after changing my org role
I cannot see any branches.
Feel free to DM me so i can explain. Revoked myself and had to re-add myself to org to change my role to owner, now i cannot see any branches.
Stefan
1
7 months ago
SSL-Certificate not generated for new domain
It hangs in state "Issuing SSL certificate" for an hour now...
Ibi
20
7 months ago
Auth/me not picking up HTTP-only cookie (Xano + Nordcraft)
Hey everyone 👋

I’m using Nordcraft + Xano to build a simple login flow. On my login page, using the “Auth/login” API, everything works: the token is returned and I set it as an HTTP-only cookie.

However on my dashboard page, when I call “Auth/me”, it fails: Nordcraft doesn’t pick up the HTTP-only cookie. The login was successful, but the token isn’t read. If I paste the token manually it works. But when I rely on Authorization: Bearer {{cookies.access_token}}, nothing happens.

I’ve tried storing the token as a cookie, as a session-cookie, even saving to localStorage — and spent hours chatting with AI chatbots — but still no luck.

Does anyone know what I’m missing? What should I check so that Auth/me correctly reads the HTTP-only cookie or token (or header)? Any help / insights from people using Nordcraft + Xano would be highly appreciated 🙏
Kleveland Bishop
33
7 months ago
Show/hide via context or attributes not working atm
https://supercut.ai/share/boomin/9IUTZRY8rJG8sWZYbRarzv

I'm using Show/Hide throughout my single-page application to allow my users to navigate through the app. I notice when I'm trying to show/hide components that are on the 2nd or 3rd path, show-hide stops working, ie those components still render on the UI. Is there a way to bulletproof show-hide even with deeply nested components?
My entire route nav system is currently built off attributes, this was after I was experiencing the same issue using context to give the app intel on what the current path is
Miles
✅1
4
7 months ago
Theme - Style-Variables-V2
I f**d up!

I set up my colors, fonts etc. Then I enabled the feature flag for style-variables-v2 to see if there is any way to set a shadow var. This was a mistake.

I'm trying to go back to the old version by toggling off the feature flag, but when I do I can only see font with no vars set at all. If I toggle it back on, the vars are there.

Any ideas on how I can toggle it off and get back to the normal theme and see all my vars as normal?

Thanks 🙂
Xavi
4
7 months ago
Supabase local development
Is it possible to set up my Supabase service to talk to my local Supabase instance during development? Currently I'm setting the url to my local Supabase project but it's not working. Thanks!
𝓜𝓪𝔁𝓲
4
7 months ago
Get Users IP when using Proxy
Hey, we need to extract an visitors IP adress for geo purposes. Ive discovered that the nordcraft (cloudflare) proxy possibly masks the IPV4 adress via pseudo IPV4. Is that intended behaviour?
Jonesy
5
7 months ago
Setting background image of div element using style variables
I have been trying to use style variables to dynamically set the backgound image of a Div that is reapeating. I tried using the AI but it didnt seen to know what was going on.

I was able to get the style variable to return the image URL. but i was not able to get the variable to connect to the background image. and get it to display. Not to sure what i am doing wrong
ssssadsadasd
10
7 months ago
how should I add the Open Graph image for a a page?
right now it gets some random images from my supabase storage or I am not sure what
Jonathan Fors
3
7 months ago
Custom subdomain still "Pending" after multiple days
Hey! I'm trying to add a subdomain to a client project, but even after adding the required cname records and waiting longer than it should take, the status is still "Pending". See screenshot: https://share.cleanshot.com/M1jgQ5Py

Could someone help please? Can share specific site details in DMs.
FeRojas
3
7 months ago
Fixed header visibility
I'm building a page with a fixed header at the top. It works perfectly until the user opens the keyboard to input text—then the header loses visibility. Does anyone know a trick to keep the header always visible, even when the keyboard is open?
Ethan
✅1
6
7 months ago
Supabase Refresh Not Working After Break
Hi everyone,

I have not touched my Nordcraft project in the last two weeks (busy with personal matters). When opening it today however I ran into an issue with Supabase's authentication. Logging in with an OTP works, but refresh tokens are not working, with the API call failing with code 500.

When calling https://<project>.supabase.co/auth/v1/token?grant_type=refresh_token, I get:

{
"code": 500,
"error_code": "unexpected_failure",
"msg": "missing destination name oauth_client_id in *models.Session",
"error_id": "9a37b289b0ca2b28-DUR"
}

Looking online this seems to be a known bug, but I'm not really sure how I could have caused it, or what needs to be done to fix it. Any suggestions would be appreciated!
lucian0
2
7 months ago
Scroll effect
Possible to do this scroll down effect like this on toddle ? https://wokeroto.com
Jonesy
17
7 months ago
dynamic URLS, hiding elements.
I have a webpage that has sub category tabs like Overview, Maps, Modes etc. My current url is setup myurl.com/statline/:player/:category.

Right now i can get the URL to switch to what i need it to for example. myurl.com/statline/scrap/overview. My question is how can hide elements based off the URL or change styles of elements from the URL like a border or color of something?

Thank you in advance
Edwin Paul
8
7 months ago
How can i prevent my web app from being embedded in an iframe?
The only reliable way seems to be setting a page header, but that isn't possible in NC right now.
mohammed123
1
7 months ago
MacOS style Portfolio
hello
can we create website like this in nordcraft ?
https://macosportfolio.netlify.app/
unicodes
41
7 months ago
How do you manage table access based on user profile (supabase)?
Do you know what is more performant for managing access to supabase tables?

I'm curios if having one single RLS to manage all SELECT based on each user profile (admin, manager, etc) or having separate RLS.

I have in my user table a column with this profile type, do you recommend to do something like (SELECT profile FROM users WHERE id = auth.uid()) = "manager" or do you recommend to add at login this information in the JWT and manage the select based on the JWT select. What would be faster, selecting from JWT or from the tables?

Do you have a better alternative?
mohammed123
0
7 months ago
wordpress posts
hello
how can i render wordpress post content in nordcraft ?
Jehex
4
7 months ago
Error in Main Agent
Hello,

Seems the AI assistant not working anymore for me, I don't get any specific errors on the console. Any solutions ?
knamuora
1
7 months ago
sparkcal faq
Hello @Max, I integrated the sparkcal package in my project though i'm currently having an issue when rendering the events, the calendar is actually considering the initial value of the variable rather than waiting till it's set after completion of the API request which of course returns empty, Is there any workaround you'd suggest once retrieving from an API?
unicodes
22
7 months ago
How good do Nordcraft websites rank on Google?
Hi there, I have the website marlume.com and I’m trying to rank with this website on Google but it doesn’t rank. All the pages you see on Google are there because I manually uploaded them. This is the sitemap: https://marlume.com/sitemap.xml and this is robots: https://marlume.com/robots.txt. The website has been online for a few months and I feel like Google is refusing to publish the website. As you will see, there are pages in the sitemap that don’t exist on Google: https://www.google.com/search?q=site%3Amarlume.com. I feel like something isn’t going well with Nordcraft for ranking. I used to build websites in Visual Studio and never had issues with ranking, always after a few days on Google all of them were present and visible and I was recommended in search after a month. Is there something I’m doing wrong or is Nordcraft? How do you guys feel about ranking on Google?
Mr
1
7 months ago
Fetch API cannot load *** due to access control checks.
[Error] Fetch API cannot load --- due to access control checks.
(anonymous function) (page.main.js:1:67477)
F (page.main.js:1:67843)
l (page.main.js:1:68013)
x (page.main.js:1:57180)
(anonymous function) (page.main.js:1:65402)
forEach
i (page.main.js:1:65396)
(anonymous function) (page.main.js:1:67746)

###

need help this issue only happend on ios mobile
Luca_
0
7 months ago
Problems with mixed content in local env
I’m trying to build a printer UI that loads data from Xano over HTTPS and stores it locally using IndexedDB. The UI should work completely offline as a PWA with a service worker.

The problem is: the connection to the print server is local and only supports HTTP. I also need to send HTTP requests directly to the printer to check if it’s available.

I tried using an Nginx proxy with a self-signed certificate to bridge HTTPS → HTTP, but Chrome refused to accept the certificate. Ideally, I need a simple, stable solution that works 100% in production without browser errors.
knamuora
3
7 months ago
Vanilla calendar styling
Hey @Kamil , just wanted to ask whether there are other styling classes not listed in the documentation. If there were a location to describe what element a class specifically targets in brief would be definitely helpful as well. Thanks
catdeal3r
19
7 months ago
Is there a way I can get the html of a project?
I have been using nordcraft for a little while now, and I like it. Except that I can't seem to figure out how I can 'export' a project to some html files and css. One of the selling points is that its plain html and css. But its restricted to the platform, so whats the point?

How can I get my project in plain html + css + js (if any).
Founderlevin
4
7 months ago
self-hosted project
Hey everyone, I got a server and installed bun on it, cloned git, and made a build. But I'm not quite sure what to do next. How can I try hosting a project I made in NordCraft? Is there a guide?
unicodes
10
7 months ago
Why spacing variables, aren't visible in viewport width/height?
Should I use a different variable?
ben
14
7 months ago
Help Needed: Reliable Approach for Extracting Applied Styles & Persistent Image Edits for PDF Export
Hello!

I'm having trouble ensuring that all the correct, actively applied CSS styles from my Nordcraft-built app are consistently included when exporting pages to PDF using DocRaptor. My current JavaScript approach—collecting classes from elements and building the PDF layout based on .pdf-page containers—works in some cases but often misses certain styles or results in mismatches.

Additionally, user-driven image adjustments (scaling/cropping via interact.js) aren’t reliably reflected in the PDF output. Despite trying many code variations (with AI tools and help from DocRaptor support), I haven’t found a robust solution.

I'm looking for someone with deeper Nordcraft (and general web export) expertise to suggest a better way to reliably capture the real-time applied classes/styles and ensure edited images are faithfully carried over into the generated PDF. Willing to provide access and pay for your time!
Luca Heck
5
7 months ago
Implementing autosave API logic with queue-bases syncing
Hey everyone 👋

I’m building a frontend where users can edit “phases” and their “tickets.” Each phase can contain multiple tickets. The goal is to have an autosave workflow instead of a manual “Save changes” button.

The problem:

- Each ticket is created via an API that generates the real id on the backend.
- When users create, reorder, or edit tickets (like changing text fields), I want the frontend to automatically sync these changes to the backend.
- I’m using a low-code editor, so I can’t just drop in my own TypeScript class or debounce logic easily.

I’m looking for advice or examples on how to implement:
- Autosave or debounced API calls (PATCH/POST) for text inputs
- Handling pending requests or reorder operations so the latest state is always saved (e.g. trailing debounce or “latest wins” logic)
- How to structure this simply in the Nordcraft editor

If anyone has done something similar — especially autosave or queue-based syncing — I’d really appreciate some guidance or a pattern I could follow 🙏

Thanks in advance!
unicodes
2
7 months ago
Refresh Token issue.
As you can see from the screen shot the first time works perfectly.
The second time the refresh token is called 4 times.

The logic I'm using to refresh the token is the following.

Switch - check if the refresh token is less than not + 12 minutes (timestamp).
In case of false, just does nothing
In case of true, refresh token and save the token and access token.

At the end of the workflow it will call the sleep for 10 minutes and when ended call again the refresh-token.

Why isn't working this solution?
enginhear
2
7 months ago
Variable uses
Hello!
Is there a way to check where a variable is used or by which formula?
I have a variable that I think I could delete but I need to see where it's used to make any necessary adjustment before deleting
Andy Putilin
4
7 months ago
Infinite Loop Detected
Added a div and infinite loop happen. Not sure what I did wrongly.
unicodes
5
7 months ago
What are orphans nodes?
Hi there,

I understand that it could be autofixed and easy to resolve, but what does orphan nodes mean? This error never appeared before, so why is it suddenly showing up now?
Stefan
3
8 months ago
Issue with redirect rules
I am redirecting to a 404 page if I dont get any data from my server-fetched request back.

This works fine so far. BUT I see the request ALWAYS in the network tab, even if I get data back and can show the page. The request is shown (but it doesn't really redirect anyway as its aborted?)

Does anyone know whats happening here and how I can prevent that request?

I have a similar redirect rule, which is behaving also quite strange. (but lets fix that one at first)
unicodes
4
8 months ago
z-index is broken, do you know how to fix?
z-index 0 is over z-index 9999999 :).
https://www.loom.com/share/abb0706bf6a145fca67ea8b4902efd43
Jonesy
6
8 months ago
Background color of page?
Is there a native way to change the background color every page without div elements?

Or do i have to use CSS, if so how exactly would i do that?
unicodes
7
8 months ago
Where are the breadcrumbs from formula?
Mike
4
8 months ago
Issue with Magic Link Login Redirection in Supabase Connect
I am writing to you today regarding an issue I am experiencing with the magic link login setup using the Supabase Connect template.

Currently, I am successfully receiving the authentication emails. However, when I click on the magic link within the email, I am not being redirected to the intended top page. I suspect the wildcard included in the redirect URL might be the cause of this problem.

I have already verified that the "Site URL" and "Redirect URLs" in the Supabase Dashboard are set up correctly.
Could you please advise if there are any additional configurations required to resolve this issue?
Thank you for your time and assistance.

Below is the link that arrived in the verification email.

https://XXXXXXXXX.supabase.co/auth/v1/verify?token=XXXXXXXXXXXXXXXXXXXX=magiclink&redirect_to=https://*crm_practice.toddle.site
Noel Bank
5
8 months ago
Is there any option to define additional head elements as global?
Hey, will there be an option to define some head elements as 'global'? Currently, I have to set these elements on every page, which can be quite tedious when dealing with many pages.
unicodes
9
8 months ago
I need to match two arrays based of IDs inside each position.
I have two arrays, and I want to match them based on each position’s ID. Do you know a performant solution?
mohammed123
33
8 months ago
create SPA website
Hello!
How can I create an SPA website using Nordcraft?
What do I need to put in the formula for "Go to URL" to make it work?
Kigel
🆙2
9
8 months ago
Is it safe to place multiple default slots?
Hi 🙂
I'd like to render a default slot in several places within a component. With named slots this doesn't seem to work, but with default slots it somehow does - the slot content gets "cloned" multiple times without any visible errors. But is it intended behaviour/safe to do so? The docs don't mention this feature, afaik
mohammed123
3
8 months ago
what's that mean ?
and is this also for self hosted ?
unicodes
2
8 months ago
API query isn't working if select comes from a formula, why?
knamuora
4
8 months ago
Subdomains
Lately, i perceived nordcraft now supports this feature. Does one have to create separate projects when planning to integrate for example app.domain.com subdomain in the app? For instance once the project should have more than one homepage(one for main domain and another for subdomain)?
Ethan
✅1
3
8 months ago
Set Visibility According to Children's Visibility
I have a container component with a Slot element. I would like to only have the container (parent) component visible if one or more of the children residing in the slot are visible.

So far the best idea I've had would be to create some custom code formula, but I don't really know how to do this, or if there is a more obvious solution.

This is for a titled subsection in a popup menu, where some options are only visible in certain conditions.

Many thanks.
ĎęⱠ♂ṔⱥħȵềŧƤḮȿừṉꜻṃį
9
8 months ago
can't get rid of the challenge pop up
Hello. I have a problem. I can't get rid of the challenge pop up. I've completed all 4 steps, but every time I reload the page, the pop up appears on the project page and the buttons on the bottom panel disappear
Jason
2
8 months ago
Remote
👏I’m looking for quick assistance from someone based in the US or EU (25+ yrs old).
It’s an easy but important task, and I’m offering $150 or more as a thank-you for your help.
If you’re interested, please send me a direct message — I’d really appreciate your time and support!
FeRojas
15
8 months ago
API call using custom action and Http only cookie
Hi!
I've built a custom action to handle an API call that streams responses in a format the built-in API system doesn't parse correctly. The action fetches data, processes the streaming response, and passes it to a component—everything works perfectly.
However, I've run into an issue: I can't use HTTP-only cookies for the authorization token with this custom action. Is there a known workaround for this, or an alternative approach I should consider?
Thanks in advance for any guidance!
bogdan3432423
2
8 months ago
Self-hosted project. Is it possible at this moment?
Good day, guys. Tell me, please, is it possible to collect a project on Nordcraft at the moment and place it on your own server without being tied to the platform? The platform positions itself in such a way that it gives full freedom in this area, but I haven't found anything concrete at the moment
knamuora
1
8 months ago
bind input to variables
lennartblmn
3
8 months ago
troubleshoot slow style panel
How can i troubleshoot whats causing my editor to be really slow when updating style values? This has been going on for a few days and I can't seem to figure out why.

My project loads fast, I can open and switch between pages quickly, but doing anything in the style panel has a 1-2 second delay
Luca_
9
8 months ago
route.js error on self hosting
im getting "Unable to load ./routes.js error: Cannot find module "./routes.js" from "/$bunfs/root/nordcraft"" while running nordcraft on a local server.
Mr
0
8 months ago
{"error":"Request with a GET or HEAD method cannot have a body."}
Im not sure what an issue, got this error
Iwooo
14
8 months ago
Cannot recover from TypeError
Error occured while I placed new component (already placed several times) into the DIV. I would love to use CTRL-Z or UNDO to pull back the action I took which resulted into this...but I cannot see objects/layers and Undo is not available. I cannot go back to previous version because I forgot to "quicksave" 🙁 What can I do? I would lost A LOT of work if this cannot be repaired :/
Luca Heck
4
8 months ago
Do workflows not function by context in API events?
I'm really desperate to figure out why this isn't working:

I'm using a modified Spark One dialog component. I've enabled the handleCloseClick workflow in the context via the sc-dialog-root provider. This allows me to close the dialog in a controlled manner via an individual event. Otherwise, it always closes automatically when you click on a button.

Now, handleCloseClick works perfectly as long as it is not integrated into an API.
My plan: When the user has submitted the contact form via API, handleCloseClick should be executed if successful.

As soon as I integrate handleCloseClick into an API event, it no longer works... why?
Kleveland Bishop
7
8 months ago
open graph
can anyone point me in the right direction to get open graph working, not render for some odd reason
knamuora
1
8 months ago
Tutorials
I've perceived there might be lots of nordcraft unlisted YouTube Tutorials which we can't anyhow access unless we actually have a link. As I'm a new user, that's why I'm seeking help that one can send their links or other nordcraft learning content that'd be helpful. thanks 👍
BabaBambule
✅1
2
8 months ago
Spark core bottom sheet prevents horizontal scrolling
So I have a spark core bottom sheet element that has some information in it and an area with horizontal scrolling.

Scrolling the x-axis with mouse works just fine, but it's not working with touch inputs. Seems like the scroll-area element inside the bottom sheet element is preventing the horizontal scroll interaction.

Does anybody know how I can make that work?
Sanni
12
8 months ago
Get http only cookie not returning the cookie stored.
I have this issue with getting auth token stored in the HttpOnly cookie .
I have followed the documentation but still not working .

Please help
unicodes
3
8 months ago
To reset styles when pasting text, what do you use for that?
When you copy text from web pages, it usually includes the styles as well. For example, when you paste that text into Quill, it keeps the formatting.
Have you ever run into this issue? How did you fix it?
I’m thinking about creating a function to remove the tags, but I’m curious if anyone has found a good and simple solution for this.
unicodes
10
8 months ago
Why select isn't present in PATH?
It works if you write it, and in combination with Prefer return's the correct information, but isn't visible in the dropdown as you can find it in POST.
Ben H
0
8 months ago
Published changes appear on desktop but not mobile
I've noticed that the changes I'm pushing have stopped appearing on mobile. I'm like stuck on an old version of the website for some reason on my iPhone. Anyone deal with this before? I tried clearing my history and web data in the Safari settings, but that didn't fix it
enginhear
5
8 months ago
localstoage vs variable
Hello,

I have a repeated element based on a localstorage. It works perfectly: when the localstorage is updated with a new element, it updates on the page without refresh.
But if I change the value of one of its setting it seems less responsive and I have to refresh the page to see it, even if it updated instantly in the localstorage.
To check, I changed the repeat element to be base on a variable and the problem is resolved. I find this behavior surprising because updating the localstorage works in one case but not the other.

To make things clearer here is a picture to illustrate. the localstorage contains "image_url" and "favorite". if the user generates a new image, the localstorage is updated and the new image is shown on the page. But if I click on the icon to change "favorite", it is updated in the localstorage but not on the page (or if I click one time the view changes, but if I click again it does not).

So I am wondering: is there a difference between updating the localstorage and a variable? Is this a normal behavior?
enginhear
5
8 months ago
Renaming divs
Hello,
Is there any way to rename divs?
Should I simply rename the tag? If so, I want to be sure it won't cause any problem.
It would be really useful to quickly find elements that are initially hidden
Lasse
32
8 months ago
Why no classes on components?
I often miss the classes section on components to be able to set conditional stylings. Are there any particular reason why they're not available on components?
𝓜𝓪𝔁𝓲
4
9 months ago
Client access to Nordcraft - EDIT MODE
Hey are there plans to support some editing mode for clients?

I’m moving away from webflow due to performance and lack of customizability issues. (I need SSR for my Pages)

For our customers it is always pleasing that they have full access to their pages to (on the fly) change some things.

Obvious Problem: for each customer im inviting im paying 34 USD - AND they have access to viewing other client projects and can obviously completely destroy their website.

A simple edit mode for just images & text would be highly appreciated.

Solution 2:

If there would be an API access to the pages we could als build this by ourselves and integrate this into our backend. This would also solve these kind of issues.

Is there anything planned on the long / mid run? Would be definitely a huge + for Nordcraft in terms of broad awareness. (Ppl would get to know Nordcraft more because more end users would directly access Nordcraft and get a glimpse of the great product) - not just devs.
𝓜𝓪𝔁𝓲
2
9 months ago
Nordcraft Translations
Hey y’all has anyone build fully translatable pages in Nordcraft before? I’m NOT talking about duplicating or using a JSON as variable.

I mean using an external API to get Key and Values for translation fields.

What we tested: generate a unique hash based on the text and use this as identifier to send Strings to our backend via Custom Actions and get the translation JSON for each page SLUG on request and ServerSide rehash each text field to get the corresponding value from the JSON.

PROBLEM: to get an unique & safe hash we have to scramble base62 strings and different ServerSide function nodes together. This uses (obviously a lot of calculation time) on moderate sites we see a spike in response times from 60ms to almost 400 - 800 ms (without the external api request) just calculating the individual hashes.

Furthermore we have still problems translating inline elements such as <b> as we cannot inject the whole html element just text.

Does anyone here have an idea how to solve this?

Alternative would be to manually tag each field and create translations manually. Then we could (sort of) combine different translation keys together to an key group on our backend.

Example:

Is (this ist bold) the right (this is again normal text) way?

Translation Group xy: Key „Is“ , Key „the right“ , Key „way?“

We then would use DEEPL API with context to translate these three parts.

Any thoughts & help appreciated
Bas Fenix
✅1
2
9 months ago
new theme 2.0 ?
When I create a new project or open existing one i see this on themes page (see scrshot)
then when i click Migrate button it's goes to empty theme page, only a Font can be set. this does not match the documentation scrshot. Also the link above migrate button is not linking to correct resource I get 404 ? Im a bit confsued now since on old project i clicked migrate but now I dont have styles to manage. pls advise!
ssssadsadasd
19
9 months ago
know if refreh_token exists in the frontend?
whe I do "get http-only cookie -> refresh_token" I get back "{{ cookies.refresh_token }}" in the frontend whether the refresh_token exists or not. how can I know from the frontend whether there is actually a refresh_token in the cookies or not? thanks
codenitrr
7
9 months ago
Collaborate with two separate paid accounts?
Is there a way to collaborate on a private project with two separate paid accounts? So, give someone with an account outside my organization access to one of my projects?
Marko
✅1
6
9 months ago
I accidently deleted a page :(
Hiya!

I made the mistake of accidentally deleting a page I wasn’t meant to. Since it wasn’t on any other branches, I can’t roll it back. It had quite a few hours of work in it, is there any way to retrieve it? I’m guessing probably not, but thought I’d check. Definitely a good lesson learned on my end, haha.
Digital Sprint
1
9 months ago
typeit - chatbot text pagebreak on each response
Hey all, i'm working on a basic chatbot template, and i'm struggling with the response coming back without a pagebreak. Everytime the api responds, it pagebreaks in my chatbubble and then starts typing.

I think it has something to do with the fact that I've created a placeholder without text and then I have the typeit workflow kickoff to update this placeholder. Does anyone have any ideas of how I can solve this, or a better way to go about it. I feel like my current route is not the best approach.

https://lime_roos_tarpals_prominent_lizard.toddle.site/
Ethan
✅1
4
9 months ago
Regex Replace
Hi all, I'm trying to figure out how to perform the following javascript using formulas
this.value = this.value.replace(/[^0-9+]/g, '')
But I can't figure out what the correct method is, there is Matches and Replace All, but none of these achieve what I want without getting overly complex. I imagine I must be missing something. Any suggestions?
nathandh
1
9 months ago
Formulas vs custom actions
Silly question probably, but watching the new Speed Run vids (which are awesome, great work @salma), and I’m wondering:

What’s the difference between formulas and custom actions? Seems like both are reusable logic bits, with or without custom JS.
Ethan
✅1
5
9 months ago
Popup Menu Behavior
Hi All, I am building a popup menu component and want to ensure that the menu is always in-bounds, and does not clip out of the screen. Most apps just work off putting it in the opposite side to whatever quadrant the menu is opened in, however I cannot think of how to do this using formula's, or if there is a much cleaner solution I am missing.

What would you guys suggest?
Fog
24
9 months ago
Probably a skill issue (help needed 🙏)
I configured Nordbase on Cloudflare Workers using the GitHub example, just for learning and testing purposes.
However, when I try to log in, the console shows the following error:
handleAction.ts:437 Missing custom action @toddle/setHttpOnlyCookie

The response from Supabase is 200, but the login doesn’t work and just keeps loading.
Sign-up works fine — the account is created, but it seems like the user session gets lost.

In the Nordcraft editor, everything works fine.
Did I do something wrong?

I imagine it’s something simple, but since I’m still learning, I got lost.
Digital Sprint
8
9 months ago
Flex Display Issue
newbie here, I'm creating a div with an image and text. when I set the parent div as flex: row. I get this issue where the text runs on. But the div block that I have for this text works fine on its own. What is causing this issue?
Miles
1
9 months ago
Xano Realtime
Has anyone built an action to connect to Xano Realtime (that's not behind a paywall)?

TIA
Matthieu B.
4
9 months ago
http-only cookie Supabase - How to get a specific key
TL;DR : How to get the cookies.user.user_metadata.usertype ?

__

I'm trying to do something that I thought would be simple (in javascript at least) but I'm struggling with it.

I'm using the supabase template, and the cookie get saved in the http-only cookie.

I'm trying to retreive the value for user_type

And the structure is like so :
{
"access_token": "xx",
"user": {
"user_metadata": {
"user_type": "ORGANISATION"
}
}
}

Attached the screenshot of what I've tried to attempt.
Any idea how to solve that ?
JamesBishopio
10
9 months ago
Newbie help required.
Any ideas why this is happening? My repeat list seems to now randomly render on the bottom of the page and I'm not too sure why!

Any help appreciated, thanks! 🙏

https://editor.nordcraft.com/projects/factorthirty_staging/branches/v2/components/-Suppliers?canvas-height=800&canvas-width=1311.2&mode=design&rightpanel=style
Ethan
✅1
6
9 months ago
Storing API Keys
Hi all,

I imagine this is a very noobish question, but I am having trouble finding information on what the best practice is for storing API keys in my app. My app integrates Twilio messaging. All API calls require an Authorization header with a key made from <AccountSid>:<ApiKey> encoded to base64. I am not sure where or how to store this, so that it cannot be leaked or accessed by end users.

It would be very bad if this was leaked, how should I go about storing it? While testing I'm just building the string in the api call and sending it, but I imagine that is not the correct approach.

Any tips/suggestions/resources would be appreciated! I am using Supabase as my database
null
0
9 months ago
Web Design HELP
Ethan
✅1
9
9 months ago
Transfer Organisation to new Owner
Hi All, as my project moves towards release we have set up official emails addresses for it. My organisation and account were orginally using a personal email address, but I would like to move to using the new business email.

I've added the new account as an owner of the organisation which holds the project, but I am not able to remove the original account. Is this possible?
Matthieu B.
10
9 months ago
Same Nordcraft project, different domains ?
I was thinking of building the marketing site (landing page, blog) the app under the same nordcraft project.

1st question
Is that better to have a different submain for the app ? That's what I've always done and seen.

2nd question
If having a sub-domain is better, can I do that under the same NC project ?
I would have some pages that would be under the sub-domain A, and some other pages that would be under the sub-domain B...

I like to think that marketing site and app are under the same roof for :
- Simplicity
- Pricing

What are your suggestions on this one ?
ssssadsadasd
0
9 months ago
Stripe return page
Sth strange is happening that I think was not happening before.
So,
1. I have a "get profile" autofetch function on page load. this also sets a variable (with default = null) to true.
2. I click a button for stripe checkout and go to the stripe checkout page.
3. I complete checkout and go back to url,
4. When I return to my current url the api is not autotriggered. I also tried to add a dummy parameter equals to the session_id we get in the url from stripe but this did not trigger the api either.

so, the api call is not autofetched when we return from stripe.

any idea why this happens?
thanks
Digital Sprint
3
9 months ago
Custom Domains
Hey, is there any additional cost associated with having multiple apps and each having there own domain or would the price stay at whatever plan you're on? Wondering if there's any additional hosting charges for multiple projects.

Thank you!
Matthieu B.
✅1
12
9 months ago
API error - "Invalid path specified in request URL"
My Supabase API request URL in the editor :
https://xxx.supabase.co/rest/v1/call

My API URL in the network tab :
https://start-xxxsite/.toddle/omvej/components/app-call-history/apis/app-call-history:Get%20Call

What am I supposed to do ?
Matthieu B.
0
9 months ago
API Call - "Invalid path specified in request URL"
Matthieu B.
7
9 months ago
Work with 2 templates - nordbase & spark one
I want to gain from the supabase “nordbase” template,
but I ALSO want to benefit from the spark one template to have everything set up for me, and move faster.

How could I benefit from several templates at the same time ?
Matthieu B.
9
9 months ago
Change to Light mode for Spark Core components
Is there an easy way to easily change the spark core component style from dark mode to light mode in 1 go ?
Golden
0
9 months ago
I'm looking web expert(urgent)
if you are interested, Dm me
Jehex
39
9 months ago
Best way to init a variable depending the data return by an api call
Hi there, quick question let's said when the user logs in into my app then it's call an api for get this type ( let said free / premium ) then with this result I init a variable who will display a list of objects into a component ( lets said if the user it's free it's show the list menu for free users and if premium its show the list menu for premium users )

What's can be the easiest / cleanest way to do that knowing that context consumer uses the initial value. I did find a solution but I realize that it's not optimal at all. Thanks
Matthieu B.
4
9 months ago
Switch for button color
TL;DR : switch logic in nordcraft ?

I'm trying to say this :
- if my attribute = 'black' -> then define a specific style variable,
- if 'outlined' -> then output a different color
- if 'warning' -> then ..
- if 'error' -> then ...

I can do it with if/else blocs but it looks complex, and I like to make things look simple 😇

A simple switch would have been simple, but it seems that there isn't.

How do you deel with this use case ?
Matthieu B.
6
9 months ago
Set default value for Attributes
i'm trying to set a default value for my component's attributes.
Ideally for the input type, i'd like to have a select, or object where I can just select the input type instead of having to type it.

How could I do that ?

Thanks a lot for your help
Matthieu B.
5
9 months ago
Set radius dynamically ?
Hello,
i'm moving away from weweb to benefit from the SEO and performance.

I'm trying to set dynamic values for my radius.
Is there a way to do that ?
unicodes
23
10 months ago
How to you check for undefined?
For that cases where you have an input, you can check not equal to null, to empty string, but for undefined? You can convert to string and say not equal to undefined, but something like not equal to null does exist?
luffy
1
10 months ago
absolute begginer
hello i am completly new to full stack web development . i have completed HTML and CSS . i am learning javascript right now . i need guidance and i want to earn money through freelancing by full stack web development . i appreciate your help . thank you !
Ethan
✅1
17
10 months ago
Supabase PATCH not Working Outside of Editor
Hi all,

I've begun testing my app outside of the editor, but I have run into an issue. I have a page with a post and a patch API call. The page functions as intended when tested inside of the editor, but not when in a separate tab.

The POST API works both inside and outside of the editor, but when the PATCH API is called, the following is returned:
Object { error: "NetworkError when attempting to fetch resource.", status: undefined }

I'm not sure as to why this is happening, Is there something special I am supposed to do for PATCH calls?
𝓜𝓪𝔁𝓲
4
10 months ago
Use HTTP cookies without sending them in the body at login
Were using our own backend. This sends cookie data as set cookie and http cookie. So its not accessible via JS. Is it possible to get this cookie in a way where we proxy it via nordcraft proxy and make it available on the page as *.nordcraft.com cookie. So our frontend can use the cookie in dev.

In prod its working because our backend domain equals the frontend domain. Cookes are set with "Lax"
ssssadsadasd
22
10 months ago
Service worker
So, I have a js file in supabase and I enter the url in the Service Worker filed ([see here](https://editor.nordcraft.com/projects/seno12/branches/start/components/test-worker?canvas-width=800&canvas-height=800&mode=design&rightpanel=attributes&selection=nodes.QjNuJkBABo_p0DypGl4XP&leftpanel=Files)).

however it throws an error: Uncaught ReferenceError: importScripts is not defined
at serviceWorker.js?v=85904c8:3:1

AI tells me to add a script element with attribute content = if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/serviceWorker.js') .then(registration => { console.log('Service Worker registered successfully.'); }) .catch(error => { console.error('Service Worker registration failed:', error); }); }); }
but this does not solve the issue.

anyone knows how to fix this? thanks
PilotBuddy
1
10 months ago
Getting isTrusted: False from a custom action
I created a workflow to use a custom action. The action event is giving me isTrusted: False . It worked when I first set it up. Any insight would be so helpful! Thanks 🙂
ssssadsadasd
5
10 months ago
Autofetch and api parameters
I have an api with an autofetch. I want autofetch to trigger only when this rule is true.
however, the api is autofetched even when simply one of the body parameters is changed.
how to prevent the latter?
Obvijes
👍1
5
10 months ago
Design System based on Spark Core – best practices?
We want to set up our own design system in NC, but we’d like it to be based on Spark Core. The tricky part: as far as I can tell, you can’t include one package inside another.

Our idea was to have our design system as a package, and then integrate SparkCore into it so we can use it as the foundation. Copying Spark and building on top of it doesn’t feel great — too many components, no way to update later, etc. What we’d really like is a “package-in-package” approach.

Maybe that’s not how NC is meant to handle dependencies, but for us it would be ideal. What’s the best practice here? Is there another way to build a design system on top of Spark and reuse it across projects?
Noel Bank
✅1
21
10 months ago
Get Http-Only Cookie Value in "application/x-www-form-urlencoded"
Hey! Does anyone know why the value is wrapped in "{{}}"? I'm using this formula in a proxied request, but the value always shows as "{{ cookies.refresh_token }}" instead of the actual cookie value. Does anyone have any ideas on how to resolve this issue?
Scrabblebat
4
10 months ago
Legacy Action Warning - setSessionCookies depreciated?
Hi! I'm setting up an authentication flow and the UI is telling me that Set Session cookies is depreciated.

I cant figure out what action I should be using instead.
ssssadsadasd
11
10 months ago
Supabase refresh token
So the user logs in and I set http only cookie = login data access token.
in supabase I have set the validity of this access token = 1 hour.

I have this question:
1. what api call should I make to refresh the token?
2. if the user did not use the app for let's say 4 hours, when the user returns I dont want the user to be logged out. is this possible?

I would appreciate if you could help me using native api calls as I am not using the nordbase template.

Thanks
Ethan
✅1
3
10 months ago
Session Refresh
Hi all,

How are you guys handling refresh tokens?

Currently my app-provider runs a check on load to see if our access token is valid, if it isn't, it tries to use the refresh token, if that doesn't work, it takes the user to the login page.

This works for short sessions but I expect my app will be open for longer, possibly a whole day at a time.

I figure the best thing to do would be to either trigger the refresh every 45 mins or so, or have it trigger whenever an API fails to authenticate, although this would get messy, as it would have to be made for each API call, and then have the API call rerun.

What are you guys doing, what would you suggest?
Indic Software
1
10 months ago
Is it possible to integrate Stripe securely in apps build with Nordcreaft?
Am planning to re-create an old web app in Nordcraft.
I searched the help as well as discord but could not find any mention of support for Stripe or PayPal or any other payment gateway integration.

Is it possible to collect payment securely using the SSR feature, without having to use a third party workflow tools like Xano or n8n?
Xavi
0
10 months ago
Letter spacing theme variables not working
Hey, for some reason the letter spacing variables I've created have no effect when I apply them. Does anyone know why? Thanks!
rhymes
3
10 months ago
Implementing supabase connect in existing project
Hi all - has anyone successfully implemented this package to replace their current signin flows? I'm hitting walls as the template doesn't match the package components, and the documentation doesn't help me understand how to connect my password/email fields to the component (which appears to only be a form wrapper, not a form itself).

I've blindly copied and pasted all the constituent components, but would really appreciate if there was any documentation out there that could help me figure this out - as I'd like to go on to implement the other elements of the package.

(I'm trying this package in hopes that it solve the iphone login issues i've been having with the "legacy" custom form setup for auth)
ttwwgg
1
10 months ago
Lesson 1: link element has no text element inside it?
Watching this tutorial https://youtu.be/3U0UVetAQNc?si=tRuqIXFnTKEriNpg. The instructions say to add a link element and build it out as a component. In the tutorial the link element comes with a text element inside it but when I added a link element it doesn’t have a text element inside it. I added an attibute manually and used a formula to add the text attribute but I don’t see anything. I then tried to add a text element as a child of the link element and added a formula to display the test text but I am getting an error. There is no undefined link visible on the main homepage.The tutorial looks different than what I am seeing.
ttwwgg
3
10 months ago
Day 2: ITunes search tool
I am a bit confused with the adding audio part. In the tutorial when the audio component is added you actually see an audio player element but when I added one I don’t see anything. Tried to add the repeat item for the previewurl and I still couldn’t see anything.

I am also seeing movies and albums.

Has anyone else run into this?
unicodes
12
10 months ago
API error endpoint changed from msg to message?
The "end point" for api's errors message has been changed from msg to message or some API return in msg and other in messages?

Thank you.
Ethan
✅1
1
10 months ago
Unflatten Array
Hi all, I'm trying to unflatten a 1D array into a 2D array in a formula. Inputs would be a 1D array and a chunk size. An example of what I need to do is below:

[ 1, 2, 3, 4, 5, 6, 7, 8 ] => [ [1, 2, 3], [4, 5, 6], [7, 8] ]
Luca Heck
2
10 months ago
Central design system for multiple Nordcraft sites – best practices sought
I'm currently working on a project where I'm stuck:
We usually build two Nordcraft sites – a main site and a CMS on a subdomain, which we use to manage the content of the main site. However, this means that we have to maintain two design systems in parallel.

Is there a best practice for setting up a central design system that both sites can access? My first idea was to create a separate package, but that would basically be available to everyone in the store. Have you ever had a situation like this and can you give me some tips?
Thx!
nico
5
10 months ago
i need help recovering names
hello, I have a problem. I want to retrieve names using IDs, but I can't seem to do it.

I have an array of objects of the type [ {id, name}, {id, name} ] and I'm using a select component from the shoelace library, which returns an array of IDs [ “id”, “id” ].

What I want to achieve is that after selecting the items, I can retrieve the names to display them correctly in the component value. I understand that it may not be very complicated, but I just can't figure it out 😿
Ethan
✅1
2
10 months ago
Setting Font for <select> has no Effect
Hi all, I have created a generic <select> component for my app, But when I set the font for any of its components, there is no effect, it just defaults to (I think) Times New Roman.

This occurs both when previewing and in the font preview panel of the editor.
Vizualinx
1
10 months ago
Custom domain
I already added my custom domain records, but it's still pending after 12 hours!

Any idea what's going on?
ssssadsadasd
8
10 months ago
get user ip address
I want to use [this api](https://ip-api.com/docs/api:json), to get user's ip address (I need the country). for that I need to disable "proxy request" in NC otherwise it gets the cloudflare country. however, if I disable it shows an error.

how to solve this? thanks
unicodes
7
10 months ago
How to set multiple values at the same time?
I the screen I set only availability, but in case of multiple keys how to avoid having N set?
unicodes
5
10 months ago
Why a div child forces the parent to grow and ignore flex 1?
I have a parent div called main, which contains two children: c1 and c2.

-c1 has a fixed width of 200px.
-c2 is set to flex: 1 and also has width: 100%.

Inside c2, there is another child element. When this child becomes visible, it forces c2 to grow, ignoring the flex: 1 behavior.

If I add overflow: hidden to c2, everything works as expected. Without it, c2 doesn’t respect the flex: 1.

Do you know why this happens?
Ethan
✅1
2
10 months ago
Create a Modal for a Form
Hi all, I'm trying to create a modal component that can contain my forms etc, so that on a click of a button, the form is revealed. I want the modal to be centered and I would like to create some sort of effect, so that the background content is blurred/darkened when the modal is open.

I initially tried with a <dialog> component, but got stuck as I could not get it to "float" above the rest of the page. I did try the advice in https://discord.com/channels/972416966683926538/1209567011554721853/1209567011554721853 but still had no luck.
Vizualinx
3
10 months ago
Same login across multiple domains/projects
If I have for example my main app on app.mydomain.com, and my admin page on admin.mydomain.com and for example my landing page on mydomain.com, everything as a separate project in nordcraft.

How can I have with supabase one time login that would keep me logged in through all domains/projects? Maybe have the main login on auth.mydomain.com
Jehex
0
10 months ago
Update the value of a specific attribute from an object stored in the cache
Hi there, Im currently store an object into the local storage for each of my " influencers " who contain some of their infos and allow me to load way faster some pages.

The name use for store theses datas are currently "conversation_{name} " ( concatenation ) so I basically have objects stored into my local cache under this form "conversation_emilie" "conversation_kelly" "conversationjulia" etc...

Would like to know how can I update a specific attribute of this object for all existing influencers ( so object conversation{name} stored in the cache )

lets said I want to attribute "numberfollowers" for each existing objects conversation{name} , thanks a lot
Matthieu B.
4
10 months ago
Watch new message in gmail
Kai
5
10 months ago
Global css rules
Hi!
Can I create a CSS file and include it so that it globally defines, for example, all h tags in my pages?
ssssadsadasd
19
10 months ago
Image/video dimensions (width/height/aspect ration)
I need to save the image/video dimensions (width/height/aspect ration) in the database.
so I use the input element in NC, upload the image/video, and before saving to database I need to fetch the image/video dimensions.
has anyone implemented this before? I tried with AI but was not successful.

thanks
ssssadsadasd
17
10 months ago
Keep scrolling position while other things are added on top of it.
Suppose I have three divs: parent tweets, tweet, children tweets. I come to the page and all tweets are fetched and I scroll to tweet immediately. However, parent tweets have some videos that take some time to load and when they are loaded the height of the parent tweets changes pushing down the postion where I initially scrolled (tweet).

what I want to achieve is sth [like this](https://vimeo.com/1110966785?share=copy#t=0), where somehow the parent tweets do not push the other divs down but are added on top of them without changing the scrolling positions.

I created a [sample page](https://editor.nordcraft.com/projects/seno12/branches/start/components/test-scrolling?canvas-width=800&canvas-height=1202.3&selection=onLoad.actions.2.events.tick&rightpanel=style) to illustrate it.

I would not prefer to solve this using placeholders with a determinate height or getting the height of the video beforehand somehow as this seems too complicated and needs some database additions. and the example in the video seems to not use this anyway

anyone has any idea how to solve this in nordcraft?

thanks
Ethan
✅1
8
10 months ago
Match Table Column Size to that of header
Hi all,

I'm creating a generic table component that takes in JSON and builds the table from that using repeated elements. All has gone well so far but I can't figure out how to set the size of the <td> elements in each row to the size of their header element, so that they align properly. How should I achieve this?
Jose Verdin
5
10 months ago
How to I show/hide elements based on a dropdown's selected option?
Hey crew! I'm running into a tricky puzzle I can't seem to solve: I want to show and hide elements based on a dropdown's current selected option. In the screenshot provided, I have 2 dropdown options: Contact and State. What I'm specifically trying to accomplish is when select (dropdown) element is set to option "State", hide the input field. Then when select (dropdown) element is set to option "Contact", show the input field. The input field would be hidden by default normally until "Contact" was selected. How do I achieve this in NordCraft?

PS: Perhaps there is a better way to do it but I will have all of these different input fields shown/hidden depending on which option in the dropdown is selected. Each of these inputs would be bound to different filtering variables which would then power filtering in a data set with different columns. Is there a better way than having all of these input fields being shown and hidden based on drop down selection?
Ethan
8
10 months ago
Creating a generic form
Miles
5
10 months ago
Infinite Loop Detected
Blue Screen of Death 😮

All I did was duplicate the div that contains and SVG and some Text (p). Then this appeared. Now I can't open the div to delete the element. Although I'm not sure why this would cause this.

Anyone have any ideas of how to solve?

TIA
needtheanswers
15
10 months ago
What´s the issue here?
Why are my values showing 0? If I don´t convert the values to a number it´s showing null.
Would appreciate any help
NoCode ProCode
5
10 months ago
Compile to Static Files?
Is there a way to compile nordcraft into static files in a folder that can run client side like weweb?
Jehex
5
10 months ago
multiple SVG not in the correct order of my component
Hello there, I have a list of items, theses items are basically from a component who is structured like this : a slot for the svg then a span for the text. They're is not extra html or css applied to any individuals items and all SVG come from the same website ( iconify ) with the exact same size etc... Thanks you 🙂
unicodes
4
10 months ago
Nordcraft and Google Tag
Hi there, who are you? I was looking into how Nordcraft added the Google Tag because, in my case, it is impacting performance significantly. I noticed that Nordcraft isn't using Google Analytics, or if they are, it’s not visible in the header. What do you use guys? Since the Google Tag was affecting performance, I added async set to true. Do you know if this affects the Google Tag in any way? It worked to reduce the down rate of lighthouse and is visible in google tag manager, but maybe some of you tested this and find that maybe asyc included in this way limits the tag.

Thank you!
Sakamoto
4
10 months ago
Help on Toast
I need some help with setting up toast messages after an API call. I'm using Spark Core but I'm having trouble understanding the documentation for this specific feature.

Has anyone done this before? Is there a good guide or tutorial you could point me to?

Any help would be greatly appreciated!
Baffour
10
10 months ago
Password protecting individual pages
Sebastien T - gAIme changer
9
10 months ago
Components Library
Hello,
instead of building everything from scratch, do you have any components library ready to use?
Thank you!
Jehex
0
11 months ago
Optimize dynamic data from api calls
Hi there, Im in the process to optimize the speed of my app, especially the api calls : some take 1 to 2 seconds to load and it's make sometimes the experience of navigation not smooth ( especially when some htlm elements showing or hiding depending of the data return )

Would like to know if it's still possible to use storage session for dynamic data, for example an api call who return a list of conversation + number of conversations ( chatbot ) and who is store into the session storage. At each " on load " I verify if the number of conversations is egal to the number stored into the cache ( so the user didnt create any conversations ), if yes > I just load the data from the cache if not > I reload the api with the new data.

Im not sure if it's a good idea as it's complexify a bit more the app. Thanks!
ssssadsadasd
5
11 months ago
Page overscrolling
needtheanswers
26
11 months ago
Maximum call stack size exceeded - how to find the element?
Luca_
3
11 months ago
How do you organize your variables?
When you have a main object that includes related “addon” data, how do you structure and manage it on the frontend without ending up with a messy implementation?

Example: You fetch a Product object from your API, which already includes its Category as an addon. In your form, you need to edit the product’s details and also choose a category from a separate list you’ve fetched via another API call.

How do you handle the incoming object with its addons and track the user’s edits?

When submitting changes, do you send only the modified fields (PATCH) or the entire object ?

What is considered the most flexible best practice for this scenario?
Jehex
30
11 months ago
Find a specific object of my array store in local storage
Hi there, sorry it's obvious but the ai assistant not working for me and as I working with data from local storage I cannot really see what Im getting into the formula tab.

Im just wondering how get a specific object from my array of object by looking for one of his key/value ( let's said I want to get the object who contain the key value name = nicolas ) Thanks you 🙂
Xavi
4
11 months ago
Issue with Supabase Bearer token
Why do I keep getting the error "This endpoint requires a Bearer token" when trying to get
the current user in Supabase? I'm using the node "Get Http-Only Cookie". I've already checked the cookies in my browser and the access_toke exists, so I don't know what I'm doing wrong.
Loki11
✅1
1
11 months ago
How to Save Slider Output in a Variable
I have created a slider component using HTML, CSS, and JavaScript. Now, I want to store the weight value output from the slider so that I can send it to the backend via an API.
PeterShaw
4
11 months ago
placement in select field
Unfortunately I cannot place the content of a select field centered. Is there a bug?
Jehex
32
11 months ago
AI assistant not working at all
Hi there

The nordcraft ai assistant not working, I try everything to make it work but it's keep loading without getting any answers, I clean the cache and cookie, use incognito tab, disable all extensions, try another browser, disable by firewall / antivirus / proxy / adblockers and even reset everything from my network.

Few days ago I use a VPN and it's worked but now when I using the same vpn / country it's still not working.

I had a similar issue with Xano with their chatbot and disable completely ad blocker Ad guard did the job, for nordcraft the issue seems more deep

I just have this weird error from the google search console with nothing else ( screen )

Here a quick video of the issue : https://www.loom.com/share/052e00178e234491a1699182f1546182

I really need the assistant, would be awesome if anyone can help me 🙂
needtheanswers
17
11 months ago
Why does html oninput not work when the input field is wrapped in a component?
Hi, I have an input field component and wanted to allow only numbers, dots and commas. For that I´m using "oninput". It does work but only when the input field is on the page. If the input field is wrapped in a component it doesn´t work - doesn´t matter if the value for oninput is hardcoded or set via attributes. Why is that?
Jehex
3
11 months ago
Redirect URL
Hello there, very quick question, my landing page is finish and I would like, for security reason redirect every users who try to have an access to my /app page to the homepage page , I know theyre is redirect rules but it's for api as I remember and unfortunately the ai assistant not working for me 😅
Jehex
2
11 months ago
Optimizations API call tips
Hi there, Im currently with my app in the process to reduce the number of api call as much as I can for performance purpose, currently I have a lot of components who make api call ( especially this kind of structure who make my app running slowly : parents container who check the result of the api calls of the child components )

I already know that I can use the Caching feature with Xano who speed up the api calls but its only for static datas so I cannot enable it for everything, would like to know if you guys have some tips for this situation, Im trying use the local session storage for reduce the api calls but not sure if it's optimal.

Thanks a lot!
Xavi
4
11 months ago
Issue with style variable logic
I'm trying to set the height of a button dynamically but I'm a bit confused on how to set the conditional logic properly. Currently, I have an "if" node that checks if the height attribute is "medium" (default). If yes, it sets the height to 2.5rem. If not, I want to add another "if" node to check if the button's height is "large". If the button is large, return 3rem, otherwise return 2rem (small). For some reason is not working properly.
Jehex
5
11 months ago
Automatically scroll on a div when user write a message ( chat bot )
Hi there, currently building a chat bot, everything work perfectly fine on desktop but on mobile I have 2 scrolling issues :

- When the user select a chat, he got redirect to the middle of the conversation so have to scroll down for see the last messages
- When the ai write a message, it's not automatically scroll down which is not convenient.

Would like to know if it's a issue of html / css or if a script can do the job.

Thanks a lot
Jehex
7
11 months ago
Make scrollable a div without set a fixed height ?
Hi there, I implement a chat bot into my app but meet an issue of scrolling when I switch from desktop view to mobile view, I set a fixed height on my div of XX vh, work well on desktop but the chat is not scrollable on mobile, would like to know how to handle this and also if a fixed height of XX px / rem or vh is necessary for make scrollable an element. Thanks you
Jose Verdin
✅1
35
11 months ago
Dynamic CSS for Components
Hello all! I am running into a knowledge roadblock on NordCraft.

I've create a simple tab button component for a tab based navigation element on an app I'm building (see image). I've created a component attribute "is-active" which will do some cool things like hide the text if it's set to FALSE. My question is: is there a way to have this same component attribute change css styles based on the "is-active" value? What I'm hoping to accomplish is to change the background color of the anchor element to a color of my choice if that attribute is set to TRUE. However, I have not found a way to make this happen. I've tried the anchor element attributes and adding a background attribute connected to the "is-active" attribute but that doesn't work.

I've tried messing around with classes and the anchor element attributes. I did have an idea of creating a div set to absolute that fills up the whole anchor element and then showing it and hiding it based on the "is-active" component attribute but that feels like the wrong way to build components out. I'm still on lesson 3 of the new learning series but my gut tells me this may not be covered yet in the lessons.

I come from a Webflow background so I'm trying to wrap my head around how NordCraft approaches things. Any help or guidance on how I can best achieve what I'm hoping for?
Stockton
10
11 months ago
Supabase Connect - Signin Proxy
Hey @Max
In one of my usecases my app is embeded as an iframe within another application. I would like to utilize the sign in component but the proxy seems to be causing some confilicts with setting cookies in the response.

Could you add an attribute on the signin components to be able to turn on and off the proxy?
Xavi
1
11 months ago
Inline style inside a text element
Hey! I'm new to Nordcraft. I was wandering if there's a way to apply a different style to a single word inside a text element. Thx!
Jehex
2
11 months ago
Get the current width in real time into a variable
Hello there, would like to know if anyone know the best / easy way to get the current width of the screen in real time, need this data for modify the behaviour of my UI if user is in mobile view or desktop view. Thanks
ssssadsadasd
23
11 months ago
App manifest
I want to use the app manifest feature to have my app as a pwa.
where should the manifest json be located so that I can enter the url in the "App Manifest" field? I mean where should I save it as a file.

thanks
Dan
7
11 months ago
How can I create scroll-based animations with the new animation editor?
Is it possible to create scroll-based animations using the new animation editor? I know there's an Intersection Observer package, but I couldn't figure out how the animations actually work, to be honest.
lennartblmn
7
11 months ago
How does Nordcraft handle cleaning up event listeners?
I tried to analyse the memory tab to the best of my knowledge, but I'd like to know how Nordcraft cleans up unused elements and event listeners. For example, if I add a scroll event listener on a div, then use the hide/show feature to remove it from the DOM - what happens to the scroll event listener?

And in comparison to that, i actually use a passive scroll event listener using a small custom action, does Nordcraft do anything to that if it's a custom action?

Thanks for your help!
Jose Verdin
16
11 months ago
Day 2 Tutorial: iTunes Search App Not Working on Mobile browser.
Jose Verdin
✅1
2
11 months ago
Day 2 Audio Element
Hello, I am following along on the day 2 of 7 day toddle intro series and I've run into an issue: the audio element has nothing inside it! I've noticed to be the case with every other element in the tutorial but this one wasn't just text so it threw me for a loop.

Please see what I mean in the tutorial vs on my screen attached.

Can anyone help with why this is happening?
Jehex
2
11 months ago
Go to section url
Hi there, I have my main page with several components inside, all of them are wrapped into a div who have the id of the section.

Into my footer, I try to redirect the user to a specific section by " Go to url " to "https://website/#section1"

Issue is that on the preview mode, when I click on my footer element ( <a> ) its redirect me to "https://website/ #" ( I added space otherwise the # not showing )

Would like to know if it's something I have to do inside the <a> element ( so with href ) instead of inside my event click.

Thanks
Jehex
3
11 months ago
move child component outside root element of a component
Hi there, I wrap by mistake why " old " root div with a section element and would like how to move it outside this section root element ( or how delete this section element without deleting everything inside ) Sorry, probably obvious
izma
3
11 months ago
Getting refresh tokens to work via http cookie
kennypurnomo
23
11 months ago
Connecting to supabase
https://www.youtube.com/watch?v=jtMMgQ8zwnI

hi, i followed this video. But i dont understand how to create a table in supabase where i can connect it to the nordcraft.

Please kindly let me know which part of the youtube should i pay attention more
kennypurnomo
24
11 months ago
Auth failed
https://www.youtube.com/watch?v=jtMMgQ8zwnI&t=192s

i have followed this video. But when i click the google login, chose my account, the page showed "cannot be reached". What did i miss? Also in supabase it says we cannot use wildcards, no?
kennypurnomo
3
11 months ago
API does not exist but in postman it works
What did i do wrong? The authentication is there with the key, i can run on postman..
danjameswalker
1
11 months ago
Importing libraries
Hi All,

As a no-coder I'm struggling to figure out how to import component libraries and wondered if you could help. I want to import https://tailadmin.com/ into nordcraft and then build using these design components. How would I go about doing that?
nathandh
4
11 months ago
Bulk deleting components
Is there truly no way to select multiple components at a time? I have to right-click each one individually to delete?
vanishklift
9
11 months ago
Accessibility for Disabled People
Hey!

How do I make a Project „Disabled friendly“ like using the site with keyboard?

Does anyone know when a Site is Accessible enough?

Thanks in advance 💪
Airmax
2
11 months ago
SEO + Free-Version
Hi!
How can I properly rank my project using the free version?

It will take me a few months until I’m ready to launch my MVP, but I would like to start ranking for valuable content in the meantime. What steps should I take to achieve this? Search-Console, Sitemap, Meta, etc.
Obvijes
4
11 months ago
Color Variable Import – Best Practice?
Is there a fast and simple way to import color variables into Nordcraft?

I have my color variables set up in Figma, using a custom set of Radix color scales, which are also linked to further aliases (like background-primary-default, etc., for theming and dark mode). How can I replicate this structure in Nordcraft?

From what I see, Nordcraft only allows a single theme file. Also, I’d prefer to avoid manually entering 200 variables.

What’s the best practice here?
FMN
10
11 months ago
How to use Animation ? how to use from-to keyframes
how to add animation to the components. It is adding like 0% 50% 100% when i tried but i want to use like from to keyframe.
Marko
4
11 months ago
Filter Condition Setup
Hiya!

How would you go about setting up filter conditions like this?

I'm thinking sometime long the lines of how Airtable does it.

This will be used to filter data on a table.

The backend is Supabase.

I have an idea how it could be done but thought I would check out the help section first.

Thanks in advance!
saillmone
10
11 months ago
Send http-only cookie into Edge Function
Hi,

I can't retrieve the values of HttpOnly cookies.
req.headers.get('cookie') are always null, I don't understand where the error is coming from...
Can someone help me solve this problem?

Thank you!
chrisr
4
12 months ago
Cross-Project Component Design System
Hi there,

is there currently any best practice on how to setup a design system, including components that can be used across different projects?
Also, for my use case I'd need packages that are only published to my organization – thus packages seem no option at this point.
Currently I'd have to copy–paste components between projects. However, all the variables and API connections are getting lost if doing so.

Thanks for your support and much love from the ÜBERSTUNDE project team 🫰
lucian0
3
12 months ago
Any tutorials on how to make booking platform or an e-commerce store ?
Any of the 2 would help me do better business with my clients
NoCode ProCode
10
12 months ago
Infinite Component Repeat for Rich Text
I'm trying to build a rich text content paragraph for my application and I have implemented re-repeating of components (inspired by @Andreas Møller's JSON viewer) but I'm stuck when it goes beyond a component repeating another one - the moment it goes 3 layers deep my implementation fails.

I would appreciate some tips and assistance with this - as I do need a SSR rich paragraph element that can hold multiple styles and I'm 95% there but this is the last thing holding me back.

Please see my project / branch here: https://editor.nordcraft.com/projects/crimson_boba_fett_satisfactory_bear/branches/start/components/HomePage?canvas-width=800&rightpanel=style&selection=nodes.root&canvas-height=800

Thanks for your help 🙏
u_walk
28
12 months ago
new branch is empty ?
there is a initial first edit. a newly created branch starts off empty - there is zero content of the initial edit . how is that ? https://app.nordcraft.com/projects/spin/
nathandh
2
12 months ago
Global scripts
Is there a way to add global code to every page in Nordcraft? Like how in Webflow, I can add custom code to the head/footer of any single page, or sitewide for all of them in settings. Particularly interested in global CSS
chr.foss
✅1
10
12 months ago
Can't set input value (event > current > value missing)
In my login form I'm using custom input components, but I can't seem to get the component working.

In the input component I have a label and a standard input, but when I try to set my value I select the value of the input event, just the event itself.
Quite sure this is the issue but I can't find the solution.

What am I missing?
Kaz
✅1
1
1 year ago
Inquiry Regarding Supabase Magic Link Implementation and REST API
I am currently implementing a magic link login feature for my application using Supabase. My goal is to use the /auth/v1/magiclink endpoint for this purpose.

I am trying to set the redirect URL to https://XXXXXXXXXXX.toddle.site/.toddle so that users are redirected to this URL after clicking the magic link in the email. However, I am having trouble specifying this redirect URL.

Could you please clarify the correct structure for the request body when calling the /auth/v1/magiclink endpoint?

Additionally, I would be very grateful if you could point me to the official REST API documentation for Supabase Auth, specifically for non-JavaScript clients. I have been looking for this but have been unable to locate it.
Matthewcc
5
1 year ago
Custom Action Output Value for Use in a Variable - Current Window Width
I’m trying to run a script inside a custom action that outputs the current window width. Getting that value in a script is straightforward, but I’m having trouble assigning that value to a variable in Nordcraft outside the action so that I can use it in a formula. Is there a way to do this using an event that I might be overlooking? I need the actual window width, not just the trigger, because I need to use it in a calculation. I’d appreciate any insight!
Raphael Walters
✅1
3
1 year ago
Error: Minified React error #31
I'm getting this error message in the console when loading any page in my app. Has anyone come across this before and know what causes it and how to fix it? Tried Chat GPT but am none the wiser.

inspector.b9415ea5.js:1 Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at n0 (inspector.b9415ea5.js:1:65377)
at l (inspector.b9415ea5.js:1:70370)
at ol (inspector.b9415ea5.js:1:82233)
at i (inspector.b9415ea5.js:1:130901)
at lM (inspector.b9415ea5.js:1:110198)
at inspector.b9415ea5.js:1:110064
at lO (inspector.b9415ea5.js:1:110072)
at lC (inspector.b9415ea5.js:1:106823)
at lw (inspector.b9415ea5.js:1:105378)
at C (inspector.b9415ea5.js:1:141367)
nathandh
6
1 year ago
Component instance question
Help me understand the Nordcraft approach:

When am I editing the parent component, and when am I editing the child / instance?

In Webflow, you can only edit instances via props / attributes, but it looks like in Nordcraft you can apply styles to an individual component without affecting the parent? What is the context of those rules? 🙏🏼
andreas_schaefer
7
1 year ago
Considering switching from Weweb - Supabase Questions
Hi,
I'm still evaluating on what frontend builder I want to use for my application. I currently demoing weweb and I actually prefered it over my first try with nordcraft. I like how it makes working with dates much easier than NC and the supabase plugin is great. It basically provides an easy to handle RBAC for supabase right out of the box. They are apparently not as reliable as competitor. They had a massive outtage a few days ago and the handled it poorly. The other Restriction I really dont like is that your limited to supabases public schema with their plugin since thats apparently a limitation on the Supabase SDK. So how does NC handle this? Can i get access to custom schemas when exposing them thru the API? are there any resources to learn how to properly handle dates in NC? e.g. add / subtract days. How can I run custom JS in NC?
Vizualinx
15
1 year ago
Fonts
When I started to build my project I used nordcrafts default theme. Meaning it by default used the sans font for all text, I didn't even select any font when adding text.

Now I want to change the font and it should apply to all the text in the project.

How can I do that?

If I add a new font and delete the original one, what happens is that it won't use that font, it will use the default HTML font (looks like in the 19s).

(I don't want to have to go through every single text element in my app and have to select that font!)

Another question:
How can I have different fonts for different languages?

(Am I crazy for not wanting to have to select each text and set conditions for the font?! 🤔)
chr.foss
✅1
10
1 year ago
Issues fetching data from Supabase
Hey guys,

Super new to Nordcraft & Supabase but I got my login working and I'm setting the auth token cookie and can see the request is authorized in Supabase..
On my homepage (after login) I'd like to fetch some data and display it, but I can't seem to make the GET request work properly.

I'm getting a 200 response but with no data in Nordcraft and in Supabase I can see the request (select=*).
I have one row in the 'tenants' table.

I'm setting the apiKey in the API setup in NC, but on the Supabase side it says 'anon', is that correct?

Any ideas?
Jehex
6
1 year ago
my context workflow doesnt get call by my other component
Hi there, would like to know why my context workflow is not " call " but a component from a different parent who share the same " level" , sorry if it's not clear I tried to make a schema. Is it possible to call a workflow from here ? Thanks
mossi
8
1 year ago
How to get values of fields for form that is repeated?
I have created a component that is a simple form. The form has a repeate formula inside the component with an attribute that controls the repate. I also set Event actions so I could get data from component to the page. I import this form in a page and via component attributes i send data to component to repeat it. Everything works except I don't know how I can save the values of forms fields when the form is repeated. The event actions only capture the last data entry obviously. How is it possible to get each repeated fields value and save it in an array variable in the page? below is the link to a test form.

https://app.nordcraft.com/projects/apricot_bail_prestor_organa_religious_sa_fish/
FeRojas
5
1 year ago
Select with search using spark one
Has anyone successfully created a searchable dropdown using the Spark One Kit's select component?

My idea is to replace the default trigger button with a text input. However, my first try didn't worked.

My ultimate goal is to have a searchable dropdown that filters a data table. The user should be able to type into the input to filter the dropdown options themselves.

Any help, examples, or references to accelerate development would be greatly appreciated!
Vizualinx
4
1 year ago
Exposing wokflows
A dumb question here.. What does it mean to expose workflows in context?
i didn't manage to understand it from the docs.

(i am trying to trigger an event inside a child component)
unicodes
1
1 year ago
Supabase, workaround for deleting without select RLS?
I have a public table and I need workaround for deleting without having a select RLS.
I can not add select RLS because PostgREST doesn't support filters in RLS, like (you can select only if you provide the id).
theodored
11
1 year ago
Hey,
I am coming from Bubble and Weweb and I am trying to create a calendar like view, but not for calendar features. The purpose is to have cards for all days, for each month.

Can someone point to me how I can build this ?

Thank you !
yung_novalis
10
1 year ago
Connecting our Nordcraft-App to Xano-backend passes Nan instead of variable
The 6 is not being properly bound to the request path. But why?
nathandh
13
1 year ago
Setting dynamic page parameters
Read the docs but still unclear how to configure dynamic pages. According to this page:

https://docs.nordcraft.com/pages/static-and-dynamic

How do I pass a value from a different page to the new page? Where would I input it? Is the param stored as a variable on the dymamic page somewhere? Sorry if this is obvious, just having a hard time wrapping my head around it
Pascal
19
1 year ago
Rich Text Editor – what do I need to know?
My goal is simple:
I want to build a Richtext (markdown,or whatever) Editor in Nordcraft
One that looks like the usual suspects (Notion, Editor.js)
I guess some Library is required without dying of dispair, right?

But I want full design- and logic-control. I want to use real Nordcraft components for every aspect of the UI
I want it to be 100% whitelabel style-wise, so that it blends seamlessly into the rest of the UI.

I'd love to hear some suggestions what I could do
nathandh
4
1 year ago
Uploading images
These are all done in the new Media tab now, right? Then we grab the URL to paste in the src attribute.

Asking because an older video with Andreas showed an upload icon at right below Attributes, which doesn’t appear now (and which would be handy)
yung_novalis
5
1 year ago
Help for implementing app functionality
hello! we need to work with nordcraft for an university project.

we designed an app called dishdash. the idea is to work with smart fridges and recipes to generate shopping lists on the go 🙂 the idea is to have a smart fridge that knows all the items in stock and have recipes on site. then the app will crate a shopping list, so that you just shop for the items you dont already have.

we already designed the ui, but we are a bit lost implementing the functionality, because we don't really understand how to use formulas correctly.

we just need to get a prototype going. so i thought of the following:

- store the items currently in the fridge in a data structure (array or list)
- store the items of the recipe in another data structure (also array or list)
- generate a new shopping list (items in recipe, subtract items already in fridge)

since its a prototype, we want to hardcode the items and dont want to implement a full working backend just yet. i'm a bit lost on how to get started. and currently our app works with different sites, connected by a taskbar.

is there a way to have persistent data, that all the different sites could access? and what is the most simple way to get the shopping list generation done?

thank you so much in advance!
unicodes
39
1 year ago
Uploading Image on LinkedIn
I'm on the step of uploading an image to linkedin.

Step 1 - InitializeUpload (POST)
Step 2 - Upload the image (PUT)

I get 201 from step 2, but when I check for the image I get "PROCESSING_FAILED".

Do you know what else needs the Upload image on LinkedIn?

Is a PUT - URL (uploadURL from Step - 1)
Header Content-Type: image/jpeg (as per image)
media-type-family: STILLIMAGE
Content-Lengh: 3199852
Authorization Bearer {access_token} (the one received connecting to linkedin)

Tried Also - Authorization: Bearer Redacted' "https://www.linkedin.com/dms-uploads/..." (as per doc) but doesn't work.

Have you been in this issue ever?
How did you fixed it?
MartinF
2
1 year ago
Seeing data structures of formula in context.
Just wondering what the best way to work with data structures in consumer components? I have an api call in a parent and add it's data to a formula but can't work with the structure in components that consume it as the formula show null.

Do you put the sample data in the formula, set it all up in the consumer and then switch the data in the formula back to the API?
MVvdV
30
1 year ago
How to avoid native HTML resize behaviour overwriting my style variables?
Im using style variables to keep track of and set the dimensions of a div. However, the browser native css resize that i use writes it's own width and height style properties that override my own. how can i avoid this?
Vizualinx
4
1 year ago
Text overflow
How do i use the text overflow (ellipsis) property?
zefunha
2
1 year ago
Site lost CSS
Hi,

My site has seem to lost its CSS when live or in preview. Looks fine in edit
Matthieu B.
6
1 year ago
Get side by side column in table
I'm trying to follow html principles, but my column don't show side by side. What am I doing wrong ?
Matthieu B.
👍🏻1
10
1 year ago
Create a table / Datagrid in nordcraf
I'm coming from Weweb, and what I like about it is that they have a lot of elements already built, including tables/ datagrid very handy for saas apps.

I'm trying to understand how to approach it in nordcraft without taking too much time, for very simple elements.

Would you design it from scratch, would you use a specific library ?

it's going to be the same for other elements like drawers/ modals/ etc...
Edwin Paul
✅1
2
1 year ago
Has anyone managed to set Cache-Control headers successfully for Supabase uploads?
Vizualinx
8
1 year ago
RTL
How can I implement RTL (based on the language)?
Not just text, the entire layout.
Kingpin
75
1 year ago
General questions
https://docs.nordcraft.com/media/overview

This overview explains how to get images from different qualities do I use this method to make sure my images are responsive? In webdevelopment this would output a picture tag within that source tags using breakpoints.

(Trying to get to know nordcraft before actually jumping in, learning this way helps me doing stuff in new programs quicker)
Jay Campbell
✅2
7
1 year ago
Workflow Events
Not sure if this has already been suggested, but being able to have workflow events similar to the events in actions so I can do something on the success of a workflow.
Jehex
5
1 year ago
Complex images grid
Jehex
3
1 year ago
Grid 5x5 responsible
Hi there, looking for make a simple grid 5x5 responsible + wrap feature but Im stuck a little bit, I set the min width to 15rem / max wight to 20% but I getting every time more than 5 elements per rows when the resolution reach a specific width. Thanks ! 🙂
Vizualinx
11
1 year ago
Refresh APIs
(please mind the way I wrote the question.. I tried my luck first with AI..)

In nordcraft what would be the best way/system to reload APIs from one component to the other?

For example I have an SPA, every page is technically a component inside the main page, and I also have all the main dialogs in the main page.
Now for example when I want to create a new contact, the contact page is a component inside the main page, I have there a button, on click I pass on an event to the main page that would open the add contact dialog (popup modal). Now when I save the new contract I need to refresh the API with the list of contacts to be able to see the new contact straight away without the user having to manually refreshing the browser.

Now what I am currently doing is, I have to do a hack.
In the contacts component I have an attribute 'reload contacts' that is default to 0, then a do on attribute change- reload contacts API.
Now when the user saves the new contact I increment a variable 'reload contacts api' which is linked to the attribute of the contact component. What happens then is because it updates the attribute, it will refresh the API.

But this is very hacky and inefficient.
I have a ton of these use cases and I need a better way to handle it.
Any ideas of how to do this?
ssssadsadasd
3
1 year ago
Supabase access token time limit
So once you login supabase gives you an access token which is usually valid for 1hour (see pic).
after one hour I am automatically logged out of the account.
what is the process to automatically refresh the access token using the refresht token? AI tells me this should happen automatically but is not happening in my case?

Thanks
Jehex
2
1 year ago
Nordcraft return outdated data to Xano
Hello, since this morning Im getting wrong data back from nordcraft to Xano in many endpoints ( didnt modify anything from Xano ). If anyone know how I can fix this issue ?

Wondering if the issue come from xano or nordcraft.
vanishklift
✅1
4
1 year ago
Event Management Website
Hey, a Client of mine needs a Website for their Senior Activities Club where they do Events like Trips or Sport-Events etc. Any tips on how to build the backend so they can manage everything in one place (Website Content, Events, Attendees, Custom Form per Event, Analytics (like how many 60 year olds participated last year) Would this be a harder project to do in toddle ?
Luca Heck
2
1 year ago
Slow Load Times – How Do You Optimize Xano Images?
Hey everyone 👋

I’m having slow load times because Xano sends image files in full resolution — even tiny ones like 48x48px profile pics. Xano offers ?tpl=medium and ?tpl=small, but:
• small is way too compressed
• medium is often too large
• And both don’t seem to improve load times much or work reliably

Do you use srcset with Xano?
Do you resize/compress images before storing them (e.g. via Function Stack)?
Or any other tips for optimizing image delivery?

Would love to hear your approach. Thanks! 🙏
unicodes
1
1 year ago
Please give us back the old way to add values (size, etc)
In the past, it was enough to change a value by simply typing or adding it. Now, you have to press Enter each time, and in most cases, even after pressing Enter, the values aren't saved. You often have to come back and add them again because they weren’t saved the first time.
Vizualinx
4
1 year ago
Popover not working properly
Can anyone explain why this is happening? (or is this a bug??)
Vizualinx
2
1 year ago
Events
Is there a way to pass events from a few levels/components deep without having to pass them through every component/level?
(Like context but the opposite direction)
SkiinBerlin
11
1 year ago
How to update deep value in json tree
I'm building a self referencing component where you can add sub objects indefinitley. I got it work! But the issue im having now is how to handle edits to the object. Lets say im a few levels in the json, and change a value. This level has no knowledge about its parents. So i try to send the data up, but sending the data up a level is on the child object, but that is the same component as the parent object. so aaaahh im really confused. here's what i have so far. i tried with events and stuff but still wasnt able to get it working: https://editor.nordcraft.com/projects/sapphire_bossk_gastric_panda/branches/start/components&sourceid=chrome&ie=UTF-8&sei=_w9TaNTuFPrAi-gP9ZOY8Qg

The end goal is that the json will be a value in a table. so any change done visually, will get sent to the db and then be reflected in the builder.

Thanks!
ssssadsadasd
5
1 year ago
supabase & cloudflare turnstile (2)
So I managed to make supabase and turnstile work as explained [here](https://discord.com/channels/972416966683926538/1382765872522854612).
now, I need turnstile in three occasions: signup, login, and forget password. each of these is a component.
however, when turnstile loads a second time (e.g. when I go from signup to login) it says: [Cloudflare Turnstile] Turnstile already has been loaded. Was Turnstile imported multiple times?, which basically is how turnstile prevents the widget being loaded more than one time. the only way to make it work again is if I reload the page.

now my question is: how can load turnstile once per session and then use that key that was generated in any call that the user makes?

thanks
chrisr
0
1 year ago
API staging / environments with Xano and Nordcraft
Hi there,
I'm currently researching on how to setup staging and environments in Xano and Nordcraft.
As far as I understood, I'd have to work with different data sources and branches in Xano.

Do you have any best practices for that and especially the integration of different environments in Nordcraft?

At this point, I'd probably create a global formula with the environment-type in it and dynamically set the Services base urls based on it.
However, I figured that APIs already in use would not update throughout the project if modifying the Service.

Looking forward to hear your thoughts!
Dmytro
✅1
8
1 year ago
The deleted package is still visible in the project.
Hello,
I cloned a package (Spark Core) from the Marketplace and installed it in my project. I then realised that this was not necessary and deleted the cloned package without uninstalling it from my project.
However, the components from the deleted package are still displayed in the ‘Add element’ window.
And no package is displayed under Packages > Installed.

What can I do to remove the package cleanly from my project?
Luca Heck
1
1 year ago
"www"-activation redirect of the Nordcraft website from
I have deposited an individual domain on my project -> ueberstunde.com

Now I want www.ueberstunde.com to be accessible as well. I know that you create a CNAME with www in my DNS Records and the website can then be accessed. I have done this, but despite waiting a few hours I get an error from Cloudflare.

How can I make it so that when a user accesses www.ueberstunde.com, they are either redirected to ueberstunde.com or the page can be accessed via www?
Ekaterina Swoboda
2
1 year ago
Three.js Support in Nordcraft? Trouble Loading Blender Models
Hi everyone,
I'm trying to create an application that uses Three.js to render multiple 3D objects I created in Blender. However, I'm having trouble getting Three.js to work properly, and I'm not even sure if it's possible to load formats like .obj or .glb directly in this environment.

Has anyone managed to successfully integrate Three.js or found a way to render Blender-exported 3D models? Any help or direction would be greatly appreciated!
Pascal
0
1 year ago
Can I listen to a component event?
To be specific:
I'm building a package
this package has its internal Menu Interaction system
I want to utilize the Spark Swipe Handler to make it close my menu element
I want this without any setup in a separate project component
Instead: I want to listen to the onSwipeOut event – but I can't do a getElementById of course because the event is by the component
yoelfdz
13
1 year ago
Limitation working with large JSONs as attributes and events test values
I'm working on an app in which we need to work with large JSON structures. I'm constantly facing the issue of "Temporary connection issues" in the editor, which probably occurs because it's unable to save large amounts of data through Cloudflare. This happens when adding test values on attributes and events

It's not allowing me to work on the project. Does this have a solution? If not, I would appreciate any tips to bypass this limitation. I've been struggling with this for quite some time
Edwin Paul
21
1 year ago
How to use the Reduce formula?
Trying to wrap my head around the Reduce formula in NC. I think I’d get it better if someone could walk me through a use case.
MVvdV
0
1 year ago
CSS resize attribute set as variable not working in component instance
I have a component with resize: var(--resize); set on the root div, the style variable gets its input from a component attribute. Inside the component works fine but any component instances on the page don't show resize capabilities.
MVvdV
3
1 year ago
Convert HTMLcollections into Arrays to use Map and Filter
Is there a native Array.from() method in nordcraft to make usable arrays from HTMLcollections?
Brian
5
1 year ago
API Redirect For User Roles
Pretty New and I am working on an app that has 3 user roles...Admin, Staff, Hotel. I have it setup that when the user logs in, the response returns the auth token and the user's role. Can someone help me with regard to the redirect. I have been trying to set it up where each user role is directed to their dashboard. for some reason, if I am using "admin" data in the test, it will not allow the setup for the "staff" or "hotel" redirects. I may be doing it wrong, but could someone give me some direction on the correct wetup, please? Thank you in advance.
ssssadsadasd
17
1 year ago
supabase & cloudflare turnstile
has anyone managed to implement supabase turnstile for signup/login forms? this is a bit different [from this](https://www.youtube.com/watch?v=dmP5Xg4wW0E), as I am using supabase's Bot and Abuse Protection features (see image).

been getting the following error. I am pretty sure that all the sitekey and site secret data are correctly set up in supa, cloudflare and nordcraft app. any one has experiences this before? thanks

{
"code": 500,
"error_code": "unexpected_failure",
"msg": "captcha verification process failed",
"error_id": "94eae23d37c2f5cb-AMS"
}
Luca Heck
8
1 year ago
Dynamic Subpages Not Listed in sitemap.xml (e.g., website.com/{city_name})
I have a large website with many dynamically generated subpages, for example:
website.com/{city_name}
(e.g., website.com/berlin, website.com/muenchen, website.com/prag, etc.)

I want to list all these subpages in my sitemap.xml so that search engines can index them properly.
Currently, only pages without a path parameter are listed in the sitemap, and none of the dynamic subpages (with {city_name}) appear.

How can I generate and include all these dynamic URLs in my sitemap.xml?
Is there a recommended approach or best practice for adding a large number of dynamic pages to the sitemap?

Thank you for your support!
ssssadsadasd
3
1 year ago
why isnt markdown working in markdown block?
I have this markdown which render well when I try it on https://markdownlivepreview.com/ but on the markdown block it is rendered as bold everywhere. any one has any idea why?

# Terms and Conditions for Facebook

**Last Updated:** [Date]

Please read these Terms and Conditions ("Terms") carefully before using the Facebook application and services (collectively, the "Services") operated by Facebook ("us," "we," or "our").

Your access to and use of the Services is conditioned upon your acceptance of and compliance with these Terms. These Terms apply to all visitors, users, and others who wish to access or use the Services.

By accessing or using the Services, you agree to be bound by these Terms. If you disagree with any part of the terms, then you do not have permission to access the Services.

### 1. Accounts

When you create an account with us, you guarantee that you are above the age of 13, and that the information you provide us is accurate, complete, and current at all times. Inaccurate, incomplete, or obsolete information may result in the immediate termination of your account on the Services.

You are responsible for maintaining the confidentiality of your account and password, including but not limited to the restriction of access to your computer and/or account. You agree to accept responsibility for any and all activities or actions that occur under your account and/or password.
Richard Osborne
3
1 year ago
Mobile app deployment
Having been used to building mobile apps in Noodl which deploys a static web app, I’ve found it really nice deploying to mobile using Capacitor, so the front end works even offline. I came from wrapping apps in Bubble, which is SSR or some weird variant of it, and it was a bit sad that there was no option to deploy a static version for Capacitor.

I know Nordcraft is SSR right now. Anyone have experience with working with mobile apps and Capacitor / offline mode? Any chance of exporting static versions of Nordcraft apps in the future?
Erik Fryscok
2
1 year ago
Protect Site with Redirect to Login
Got my Nordcraft project wired up with Supabase Auth, but kinda stuck on how to actually protect the site with it.

Basically, if someone’s not logged in, I want any page they hit to just boot them over to the login page. Simple enough, but I’m not seeing a clean way to do it yet.

If anyone’s done this before—or has a more Nordcrafty way of handling it—I’m all ears 👍
nyezi.
✅1
6
1 year ago
How to hide an element in repeated div.
Hi, I created a table with a repeat formula in the tr element. Each item has an image, however I want to hide one of them (specifically the one in index 0) but show the rest. When I use the show/hide formula on the image, I don't really know how to structure the nodes or what logic to use. If I say index = ! 0, it returns false, because in the equals function its comparing 0 to false, so then all the images disappear. I am getting the data form an API call, so I can't show/hide for each image. Any help would be greatly appreciated.
Richard Osborne
16
1 year ago
An SVG challenge
Howdy y'all. I'm diving deep into the Nordcraft Newbie rabbit hole and I've come up against a challenge. I want to make a component 'clickable icon' which is a round bordered div with an SVG inside.

I love the way you can just copy paste SVGs into Nordcraft. What I can't wrap my head around is a way I could still have that ease of pasting but in a component attribute. Right now my test SVG (shown in the thread image) has two path elements. Depending on the SVG I want to use in the future, could be one path or more. I'm thinking the attribute should be an array of path values maybe? Maybe then paste in an SVG arbitrarily to the editor just to get the path values and add them to the component attribute as an array of objects? Have one path element inside the component and tell it to repeat the number of times there's objects in the input attribute array? Or am I massively overcomplicating my life as usual?

Thanks in advance for any tips!
chrisr
4
1 year ago
Redirect on 404 to home page instead showing 404 page
Hi there,

I created a /404 page but get redirected to the project's home page when throwing a 404 nevertheless.
Side note: I am working with a paid plan and the Nordcraft default 404 page is not showing.

What am I missing?

Thanks a lot!
Vizualinx
2
1 year ago
highlighting searched text
has anyone ever done this?

https://discord.com/channels/972416966683926538/1181222154960908358/1380211029438365907
ssssadsadasd
✅1
48
1 year ago
Do you actually need to add cloudflare to protect your supabase-nordcraft project?
So, I was trying to implement cloudflare to protect my supabase database from attacks. I am especially concerned about attack to read events as most of create/edit/delete are done via edge functions and there I can implement sth like [this](https://www.youtube.com/watch?v=c_vVyLTz76g&ab_channel=JayCampbell).
however, the thing is that if the supabase url and apikey are basically public, then anyone can ddos the direct database url from outside the site (even if I have RLS, they can call the same data over and over again).

so, does it make any sense having cloudflare? thanks
Rei
0
1 year ago
In-modal navigation/scrolling for ToC
Hello Nordcraft Community o/

I created a modal component to view documents which includes a Table of Contents (ToC).
The ToC links need to scroll the modal's content area to the corresponding heading (identified by ID).

Standard anchor links aren't scrolling correctly within the modal.
What's the recommended way to implement scrolling to an element by its ID inside a modal component in Nordcraft?

Looking for any guidance on how to make these ToC links function.

Additional info
ToC is generated by a custom formula that extracts the headings from the document and saved to a variable. The objects in the array contain: tag, text, id.

Currently (with standard anchor tags implemented), I can see my address bar add the #toc-text but no scroll within the modal.
R
12
1 year ago
make.com webhook response consistently not recorded on the first call
Hi! My make.com webhook response is consistently not recorded in Nordcraft on the first call. It works flawlessly after calling it the first time, but not on the first try.

I can see the response pop up for a milisecond (unfortunately I think you cannot see this in the video, even though I saw it when recording), and then it is gone again.

Does anyone know of a reason why this would happen?

Some things I already tried:
It does this both in the editor as well as in the preview, and it does also not depend on the variables in the body. Autofetch is turned off.

This is the link to a recording (it is cut off but contains all info): https://www.loom.com/share/e783c12e80ec4dd2adbd3aca8d141e12?sid=683843aa-df33-4a87-8a61-e6a23ea0a935
Targox
✅1
14
1 year ago
Multiple filters with same query parameter
I’m trying to achieve this in my API call:
https://requesturl.supabase.co?created_at=gte.2025-06-01&created_at=lt.2025-06-04

However, when I use the same query parameter (created_at in this case) multiple times, it gets replaced automatically in the UI, so I can’t create range filters.

Is there a way to send multiple filters on the same column without them overwriting each other?
ssssadsadasd
13
1 year ago
Chat ux pagination with intersect
[here](https://editor.nordcraft.com/projects/seno12/branches/start/components/test-scroll-up?canvas-height=800&canvas-width=800&selection=nodes.7xQPcxFd9K8K7aa2-mU_6&rightpanel=attributes), I am trying to build the logic of a chat with pagination. when I scroll up I want the new message to load, but without scrolling, i.e. my current view is not changed, but the messages are loaded at the top of the current message and I need to scroll up to view them.
righ now, I cannot achieve this, and I immeidiately go to the top of the messages.
anyone knows how to fix this? thanks
here is a [video ](https://vimeo.com/1089332063/e7b2658137?ts=0&share=copy) that shows it
Erik Fryscok
8
1 year ago
Signup/Login Magic Link 404: Microsoft Exchange
Trying to signup to Nordcraft, when I get the Complete Your Signup to Nordcraft email, and even when trying to login from the Your Magic Link to Nordcraft email, I get to the page that has the Complete and go to Nordcraft button, but when I click it, I get a page saying Sorry, but this page is gone with this in the address bar: https://nordcraft.com/auth-error?redirect_to=%2Fprojects&reason=Missing+access+token

I don't have any VPN or corporate network/firewalls in the way.
madewithbill
11
1 year ago
Response not updating in Edit API panel
Hi all. Getting started with the platform, so I very well could be misunderstanding the functionality here. I'm trying to play around with API calls using the Rick and Morty API, and the initial creation always seems to work fine. But whenever I try to make changes to the endpoint parameters, Nordcraft doesn't update the response. This is regardless of using auto-fetch or clicking the manual test button. I've noticed it only updates when I change the actual name/title of the API call at the top of the panel. Is this normal behavior? The tutorials I've watched thus far suggest it's supposed to auto update with changes.
I was looking to use an input field with a search variable to dynamically change a query to the endpoint, similar to this intro video [@4:51 - What is toddle?](https://youtu.be/bjoA39sNz40?si=nLf8hu4FeHxHM67A&t=284)
R
1
1 year ago
YT video with dragleave/dragenter?
Does anyone know a video where the dragleave/dragenter events are used in Nordcraft? Does not have to be a specific explanation video, just something where they are mentioned or shown.

Background: I am building view where on dragging a file into a div, the file drop should be shown. It works for dragenter I am having some issues when adding dragleave however.
Lee Russel
4
1 year ago
Help migrating a project to a clients account
Hi Nordcraft team I need help in transferring a Nordcraft project from my account to a clients account. Who on the team can help me execute on this?
ssssadsadasd
2
1 year ago
google oauth response
I have this curl
curl -v -X GET \
'https://fbgdnqarkatcecjckioc.supabase.co/auth/v1/authorize?provider=google&redirect_to=https%3A%2F%2Fseno12.toddle.site%2Fauth' \
--header 'apikey: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZiZ2RucWFya2F0Y2VjamNraW9jIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzMxMzE2NjcsImV4cCI6MjA0ODcwNzY2N30.60EHADCq9sgfwECGD7y_NZlLmV2ueKkYpt_2POciLyM'

and I expect to get a redirect url. but I receive an html page.
when I run it [here](https://reqbin.com/curl), I receive the url in a redirect tab.
AI is telling me that some how I receive the link, than curl goes to that link and returns the google sign in html page.

anyone has any idea how to access the redirects link, or just prevent google from going to the html
knechtus paulus
✅1
24
1 year ago
Issue with from entries
Hello everyone,
I'm currently working on a university project and I'm a bit stuck because I'm having an issue with the "from entries" node. I'm trying to create a JSON object with the structure {[id]: isFilled} to save it in local storage. For this, I'm using two Array nodes that lead into the "from entries" node. My problem is that I don't understand why I'm only getting undefined null in the output.
Have a look at the attached image

I've already tried several debugging steps to find the cause:
1. I checked if getid and isFilled provide the correct values. Neither of the values were initially undefined or null.
2. I set the value of the isFilled variable to a number instead to see if the issue was related to the interpretation of false.
3. I set defaults using the Default to node, but this also didn't change the undefined null output.

Maybe I'm just doing it completely wrong or I have a fundamental misunderstanding, so I'd be very grateful for your help.
ssssadsadasd
18
1 year ago
sidebar animation
I wanted to animate a sidebar like a simple slide-in/slide-out (see video) but I am struggling to do so.

anyone know how?

thanks

[example](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/animation-sidebar?canvas-height=800&canvas-width=800&selection=nodes.UGCvQdRscB9JaKqlL90bU.style.animation.0&rightpanel=style)
Bazza
9
1 year ago
Has anyone tried implementing IndexedDB for large datasets?
I'm trying to reduce the amount of calls to Supabase (keep costs low etc...) It wont be an issue for some time but all being well, my user base and data set will grow into the 1000's.

I'm looking at solutions for this. Currently I'm storing the data in a variable when the page loads, my search and filter page is using this variable with a formula.

Looking at IndexedDB for storing my public data on the client side. Has anyone else done somethnig like this?
Dark Yellow
10
1 year ago
How to Add a New Field to API Items Before Saving to Variable?
Hi everyone,

I’m working with a Xano API in Toddle that returns a list of items with fields like close_date. I want to add a new field (e.g., relative_time) to each item based on the close_date before saving the results to a variable (Results)

I have a custom action (ConvertToRelativeTime) that should process the timestamps.
* But when I use Set: results, it only saves the transformed items, not the full response.

Here’s an example of one item:

{
"close_date": 1748497620000
}

I want it to become:

{
"close_date": 1748497620000,
"relative_time": "3 hours ago"
}

Any tips on how to do this efficiently in Toddle? Thanks!
Vizualinx
6
1 year ago
Sort Objects
in a formula i have a list of objects, i want sort it to show first the ones that the value (of that key) has a value. how can i do that?
Rei
7
1 year ago
Local Storage Key Stuck as Null After Deletion in Toddle
I’m building a “recent items” feature in Nordcraft that stores an array in local storage under the key kb-recent-items. The setup uses the formula Default to(Get from Local Storage("kb-recent-items"), []) to initialize the variable, so it should always be an array—even if the key is missing or deleted (Get from Local Storage).

Initially, the feature worked without issue.
However, for testing purposes, I opened up my browser's dev tools and deleted the storage key.
On page reload, the key is recreated but its value is null, and my workflow (which sets the variable and saves it back to local storage) does not update it. I’ve tried triggering the update both on load and on attribute change (Lifecycle section of the data panel), but the issue persists. The UI either shows null or [object] instead of the expected array of recent items.

What I’ve Tried:

-Initializing the variable with Default to(Get from Local Storage("kb-recent-items"), [])
-Triggering the update workflow on both load and attribute change
-Ensuring the workflow sets the variable and saves it to local storage

Issue:
After deleting the key, it comes back as null and will not update, even though the workflow should be setting and saving the array. Has anyone else run into this, or does anyone know what might be causing the key to get stuck as null and not update as expected?

Any advice or workarounds would be appreciated!
ssssadsadasd
33
1 year ago
is there a "go back to previous url" action in nordcrafT?
I want to go back to previous url, and then back etc till the initial page. how can I do this in nordcraft?

Thanks
Dorian
25
1 year ago
Hi iam looking for help.
In my application i created several Pages that represent an app. What i understood is i cant reuse formulas because they are scoped. That is a problem for me. Aihelp told me the only viable option would be to create locale storage array where i can save data that i need. The use case is as follows:

1. In my addPartner Page i want to click on a Logo, by doing so a script is triggered that upon clicking updates the local storage array with the partners ID or even name.
2. In my homepage app i want to access localstorage array again and load up a dynimacally filled container that then contains the partnercards correponding with the appended data in the local storage array.

What i foudn out via AI Help so far:
I created a workflow saveSelectedPartnersToLocal that has KEY: selectedPartners and Value: [].
From there on AI help tells me to retrieve array from Local storage by using a formula and entering this: getFromLocalStorage("selectedPartners"). My Problem here is that the ai tells my i have to magically Input it. But i dont get where since the ai is not able to explain the correct place to me.

Maybe im oversseing the obvious but i couldnt finish the job with ais help.
ssssadsadasd
✅1
2
1 year ago
find formula null value
In find it says "returns null if the predicate formula did not return true for any value"
yet [here](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/tes1233?canvas-width=800&canvas-height=800&selection=nodes.H30OOJNDU_JlkReAoV1qU.value&rightpanel=events), when I try to do equals null it returns false.
am I missing sth?

thanks
NoCode ProCode
✅1
2
1 year ago
How to make a custom 404 page?
I don’t want toddles branding on my 404 page.
vanishklift
✅1
2
1 year ago
Selfhosted
Hey! Could anyone tell me where we at with the selfhosting rn?
Bazza
✅1
17
1 year ago
Looping through an array and comparing against another array.
I am building a search page with filters.

Our sites have various facilities, I want our users to be able to filter based on these facilities. When they click the facility in the filter, it gets added to the selectedFacilities array.

In my formula I'm trying to compare this array with each sites facilities (Also an array). The site facilities array is passed into this formula.

If any of their selected facilities are in the site facilities array, it should return true (That gets passed out to a bigger filter formula)

I cannot get this to work at all, any help looping through arrays would be greatly appreciated.
ImaginedWorld
✅1
4
1 year ago
There is no blank template?
Going through the 7 day tutorials and he starts with a blank project where he can give it a name when it's created, but I don't see that as an option.
unicodes
✅1
1
1 year ago
Div Follow Mouse, lose position.
I want to prevent losing the position of the mouse, and as you can see in the video, it resets to the default during mouse movement instead of keeping the correct values.

I created a mousemove event on the parent div to store the X and Y coordinates in variables.
The zoom div uses these X and Y values to set its left and top positions.

What would you recommend to ensure smooth movement of the zoom div?
Jehex
19
1 year ago
is it possible to update a variable inside a component without using an attribute
Hi there, sorry if my question is confusing but Im facing this problem sometimes, probably obvious to fix

I have one variable ( tokens ) inside a component who is set by a context variable ( screenshot )
The context variable get all user infos, on this example Im using the context variable for get the current tokens amount of the user
Now, I would like to refresh the variable of the child component each time the user click on a button inside the PARENT component ( which minus 1 the tokens amount to the user table ) , the parent and the child component don't share any attributes, how can I update the variable tokens inside the child component without using any attributes for the on attributes change event.

Thanks
unicodes
43
1 year ago
corect URL to Get Bucket content (Supabase)
Do you know the corect URL to get the content of a bucket > folder?

I'm using storage/v1/bucket/images/{bucket name}/{folder name}, tried also storage/v1/object/bucket/images/{bucket name}/{folder name}, none is working 😦
Carragos
7
1 year ago
AV Vertrag (Data Processing Agreement) for Using Nordcraft in a German Company
Hi Nordcraft Team,

I just wanted to say I really appreciate what you are doing with Nordcraft—the frequent updates, community involvement, and your overall transparency are fantastic!

I am actively recommending Nordcraft within our company as the platform for our next web application project. However, since we are a German company, we require a so-called "AV-Vertrag" (Auftragsverarbeitungsvertrag) in order to comply with GDPR regulations.

For reference, an AV-Vertrag (Data Processing Agreement) is a legal contract that must be signed whenever personal data is processed by an external provider.

Is it possible to obtain such an agreement from your side? If so, could you please provide further information how we could get together?

Thank you very much in advance!

Best regards,
Leon
Jehex
1
1 year ago
hiden div in absolute position make the scroll bar appear
Hi, sorry for my noob question but I'm really struggling with the html part of Nordcraft and all new settings since the panel update which complexify everything for beginners like me. Would like to know how avoid that a absolute hidden div ( which is a notification popup / toaster ) make my whole page scrollable.
Bazza
2
1 year ago
Requests
Sorry if this is a silly question but what constitutes a request in Nordcraft? I dont want to hit issues down the line with numbers of requests if I can avoid it so I'm asing the question early on in development.
unicodes
✅1
19
1 year ago
How to simulate a loop natively in Nordcraft?
I need to simulate a loop for calling this supabase upload request. I want to do it native in Nordcraft, is it possible?
R
4
1 year ago
Background color change makes div disappear
Hi! I have built a component and whenever I change the background color of a div, it completely disappears from the view, even though the width is not change. Does anyone else see why this is happening?

https://www.loom.com/share/0029613e6ac741cfa81499e579584ce4
Pascal
9
1 year ago
dynamic routes ? what can I do?
I'm totally new to thinking in multiligual terms
Its really a universe in itself
So forgive me if I dont see the obvious
Further, the Routes & Redirect feature looks like chinese syllables to me

However
how can I achieve having two different urls for the same page
Example:
domain.com/products
and
domain.com/produkte

it is understandable that URL params are not the place to be
BUT: if we could "reserve" url params domain wide, it could be the place to be though

so, please help me understand it🙏
Armand
👌1
4
1 year ago
roughJS(like) styled elements in NC
Does anyone have an idea (or can point me in the right direction) on how to create styling like [Wired Elements](https://wiredjs.com/) does it here: https://wiredjs.com/showcase

I've played around with it for a bit now and I get a very basic looking rectangle canvas element. I've used a custom action for this that imports the roughjs npm.
But I have some doubts about efficiency and scalability in the way I'm doing it.

I assumed it would not be possible to do it in a native NC way. But perhaps I just can't think of it and it is actually possible.
lucian0
4
1 year ago
How to build an eccomerce site
Anybody have advice on building an eccomerce website that has a xano backend and works maybe with Shopify I don’t necessarily need the designing part help more the backend and API stuff does anyone know a tutorial or have any advice
Targox
7
1 year ago
How to share data between multiple web components on a single page
I have a Webflow page with two separate web components:
1. A user profile component, which handles all API calls related to loading the user and member data.
2. A course list component, which displays all available courses the user can sign up for.

What I’d like to achieve is this:
If a user is already registered for a course, the course list should hide the “Register” button and instead show a message like “You’re already signed up for this.”

The issue is that the course list component currently has no access to the user data held by the profile component. Duplicating the same API calls across both components feels inefficient and like poor practice.

If cookies/storage is the only way, so be it, but I'd like to know if there's a more elegant way. Thanks!
saillmone
4
1 year ago
Mapbox + custom actions
Hello,

I'm having a little trouble with MapBox and Custom Actions.
I've initialized my map with a custom action, and it's working.

Now I'd like to send data to this map to apply a filter (via a client click).
To return the map, we need to use events, right?
The problem is that the map keeps reinitializing and creates duplicates if I call ctx.triggerActionEvent("returnMap", mapBox);

I tried doing an "if(mapBox) return mapBox;" but that takes the HTML block into account.

What's the solution?

Thanks in advance!
Simon
lucian0
5
1 year ago
Submission forms
Anybody have a tutorial on how to setup submission forms so I can receive the data to my email that someone sends in a submission forms
Edwin Paul
1
1 year ago
Read Custom Claims Server Side
needtheanswers
18
1 year ago
Why does null not equal null here?
I have this formula that seems to return null but when I compare it to null by using Equal it returns false. I even used TypeOf to check if the type is actually null and it is. Based on Nordcraft AI an empty array is not compareable to null ( it is recommended to use Size in this case). But even if I use Size it doesn´t return 0 but null. Can anyone help?
Henk_BLUE
16
1 year ago
Does Nordcraft block the Cookie header?
My backend sets http-only cookies via a Set-Cookie header. These are saved correctly in the browser as long as I do not use proxied API requests (which I don't intend). But when I execute API calls from Nordcraft, the Cookie header is not included.

Are credentials not included in HTTP request in Nordcraft by default? Can we include them?
Gerson CA
7
1 year ago
Component not hiding
I have this component that I wanna hide when my sidebar is collapsed. However, it is not working even though the formula is showing false and other elements are hidings without problem.
Jehex
1
1 year ago
Emoji and xano input text
Hi there, sorry for my noob question but Im working on a chatbot with xano and as soon as I pass an emoji to my request body ( xano endpoint has a text input ) my api call is just ignored ( I dont get any error messages on xano )

Would like to know if I have to convert every messages into utf 8 ?
Jerome
34
1 year ago
Todo API authorization error
Hi all,

I am following the old video on the todo app. I'm at the point where I am creating a todo API.

I have logged in successfully got an auth token.

I went to my homepage (todo page) and tried to make my API but its getting an error code about authorization (see attached).

The UI has moved on since the video so in which I see him scroll down to authorization and just pick auth token, which is no longer there. I tried using Headers?

Please advise when you can.
Gerson CA
6
1 year ago
Variable inside a component
Hi I have this variable inside a component which is set with API data that I am sending via attributes. Then, on a list I am referencing the variable to display the data using the repeat option. This works fine in the component but on my main page I do not see the list data being rendered. Does it mean I have to move the variable up a level?
ssssadsadasd
7
1 year ago
Round date to day
[Here](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/test99?selection=nodes.MHfCYq9evFtu3TFfqeLzM.value&rightpanel=style), I want to create a date 14 days from now rounded to 00:00:00 in UTC time.
adding the 14 days is fairly simple (now -> timestamp -> add 1209600000 seconds -> date from timestamp) but I dont know how to round this to a day and make hours=minutes=seconds = 0
anyone has any idea?
thanks
Stockton
5
1 year ago
Chat Interface CSS
Alright, CSS is getting the better of me.

I'm trying to come up with a chat interface where the text input field is always pegged to the bottom.

The input can expand up to a certain max-height which should case the messages area to adjust accordingly filling any available space.

I'm having troubles on mobile where there's the sticky header and just getting it to stay where I want it in general on both mobile and desktop.

Here's the branch link: https://editor.nordcraft.com/projects/beige_yoda_subtle_vole/branches/start/components/home?canvas-width=800&canvas-height=800&rightpanel=style
QuietRocket
2
1 year ago
Reacting to Workflow exposed in Context
Hi. I have a context based provider which exposes a workflow. When the workflow is called by a child subscribed to the provider's context, I would like to react to error or success. Since component workflows don't support events unlike global actions, I am somewhat stuck. What I'd really like is a React-Like-Effect where I subscribed to an error or success signal from the context and display a toast in the child. Any tips?

Two ideas immediately come to mind:
1. Integrate directly with the Toast provider. This way my provider can directly trigger the toast on error or success. Problem is I am doing this from within a package, so I can't include Spark's Toast context. Other problem is child workflows won't know if error or success.

2. Poll on a variable exposed by the provider context via a recursively invoking workflow. This is totally possible and achieves a React-Like-Effect, but it's a mess to implement each time, and is only simulating reactivity.
Salutina
14
1 year ago
Checkbox value not sending in POST request to Xano
Hey everyone! I’m new to Toddle and could use some help with an issue I’m having sending a checkbox input to Xano via a POST API. Everything else in my form is working fine — all other inputs are passing through to Xano — except for the checkbox. I’ve tried a bunch of things, but can’t seem to get it to work. Here’s what’s happening: If I manually update the initial value of the checkbox variable (e.g. in the variable panel) and run the API, it works — the value is sent to Xano correctly. But when I use the actual checkbox input in the form and check/uncheck it, the value doesn't get passed through to Xano. Sometimes the value becomes undefined or gets sent as a string instead of a boolean.

I've added photos of my set-up. Any help would be so appreciated!
spencercap
1
1 year ago
Web Components + data-node-id attr
Why do Nordcraft's embedded Web Components add attributes to every element on the distination webpage even outside of the inserted component? This seems a bit aggressive and suspiscious... ex:
<div data-node-id="1COqOh5UdKn5uyGCB0AsA" data-id="0.0.0.0.1" />
ssssadsadasd
1
1 year ago
Initial value of a variable in a reusable = attribute?
[Here](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/test234?canvas-height=800&canvas-width=800&rightpanel=events), I have a page with a selected-id variable. when a button is clicked I set this variable as a random number. I then use selected-id value as the value of the test attribute of random-test component.
inside this component I have an id-variable that has initial value = test attribute.

however, I expect the variable to have the value of the attribute when i click the button but it does not.
anybody can explain what I am missing? thanks
Targox
✅1
6
1 year ago
Filter not working on array
Am I missing something obvious? Why am I still getting "21" and "27" while my filter says "4"
Greg IRE
✅1
7
1 year ago
Flex shorthand
Hi all, I'm just coming back to Nordcraft after a little break and catching up on the new style panel UI.
I used to use the flex: 1 shorthand alot and I notice there is no shorhand option in the new UI?
Am I missing something or do I now need to apply flex-grow: 1; flex-shrink: 1; flex-basis: 0% instead?
Thanks
Henk_BLUE
✅1
7
1 year ago
Question about periodically polling data from client-side
I have built a dashboard in Nordcraft and I wish to fetch new data each 15 or 30 minutes from 8am to 8 pm (it is very very basic, I am not working with websockets). What would be the best way to handle this? I feel like setting a sleep of 1.8 million ms in a workflow is not a solution..
PandaBearMe
5
1 year ago
Trouble copying from one page to another
Hi I am doing a group project with toddle and I'm trying to add the navigation bar that we have in all of our pages to this new page that I am creating. The problem is when I copy it over to my page it goes from a horizontal small nav bar to a big blocky vertical mess. When I look at the styling section on the right hand side I don't seem to see any settings checked to know whats going wrong when I transfer it.

Is there some wisdom for transfering over divs from one file to another? Pics are the nav bar I'm copying from and what it ends up as.
FxRazor
1
1 year ago
[Help/Advice] Implementing ForceGraph into a Nordcraft-based Web App
Jerome
2
1 year ago
Styling Query
Is there a way in NC to style the last li to not have a border bottom?
Ben H
1
1 year ago
npm + build tool vs import from CDN
Hey folks, I got a small three.js animation working by importing from the CDN. This was easy in Nordcraft, because I can just put the import statements in the javascript. However, the three.js docs recommend using npm + a build tool for most use cases. If I understand correctly, this isn't possible in Nordcraft. Does this mean that Nordcraft apps with a lot of three.js will have subpar performance compared to frameworks that support npm? Fortunately for my use case this probably doesn't matter much, but I do want to have a proper understanding of the limitations of Nordcraft.
jackson
15
1 year ago
Dropdown options blacked out?
A user sent this to me and I can’t recreate it. Has anyone seen this before? He said he is on windows and chrome. Thanks!
Seun Orofin
3
1 year ago
I am trying to build an interactive component in toddle to use as a web component in webflow....
Hello everyone, i am trying to build this interactive component in toddle...i am able to get the svg to animate but it i am struggling to achieve that bounce effect.....Anyone have an idea how i can achieve this effect?

My Toddle component is the one on the left the inspiration is the right image
saillmone
3
1 year ago
Delete not working as excepted
Hi guys, I'm having a problem with the Delete (or Filter) function.
I'd like to retrieve the array value once the Delete function has been executed.
I feel like I'm missing something, but I'm going around in circles. I've been stuck on this nonsense for 30 minutes.

Can someone please point me in the right direction?
Thanks!
QuietRocket
18
1 year ago
Correct way of implementing dynamic SSR
Hi! I previously posted about making a community package for Convex. I advanced on that and am polishing by using it in my project and improving.

One thing I noticed is that I found myself having to place a lot skeleton’s while waiting for the convex client library to load and load data via the realtime socket. I was wondering, as a package/library creator, is there any way to achieve dynamic SSR?

Ideally I’d like for the page to be completely rendered on the server, then dynamic hydration kicks in to allow for Convex’s powerful realtime queries.

Thanks
FJP#84
9
1 year ago
How to stretch/spread child divs evenly
Hi there, search this channel and played around with Nordcraft trying to create my own table/grid view.

I used Weweb before, where I can stretch child divs so the are filling up the space of the parent div evenly.

So how to do this in Nordcraft?

Should I used space-in-between in combination with flex grow or something?
FeRojas
2
1 year ago
Change icon color when button hover
Hi! If I want to make label and SVG icon color change when hover a button, what would be the best practice to achieve this?
Kova
15
1 year ago
SSL/TLS version?
Hi guys, can anyone help? I am a bit lost in trying to obtain A or dreamy A+ ssllabs cert, current grade is capped to B because SSL/TLS is set to support TLS 1.0 and 1.1, I have a custom domain on cloudflare, and I believe everything is set up properly, anyone has any idea?
mossi
4
1 year ago
Reasons for slow/laggy editor
Could someone shed some light? What exactly contributes to slowing down the editor? Is it the number of elements, depth of nesting, volume or complexity of formulas, actions, workflows, API calls, hardware (ram, cpu, etc)...? I’m hitting some excruciating lag in certain pages and components. In my case, it seems the number of elements causing the lag. Strangely, everything renders and performs fine in the browser — it's just the editor that's crawling.
Bankydoo
8
1 year ago
maybe my macbook is broken
but for some reason www.nordcraft.com is returning an error and not opening on my machine. this is about my first week of not accessing the website and i cant seem to figure out why. toddle.site and the others open as normal

this is the error on the screen

This site can’t provide a secure connection
nordcraft.com uses an unsupported protocol.
ERR_SSL_VERSION_OR_CIPHER_MISMATCH
Unsupported protocol
The client and server don't support a common SSL protocol version or cipher suite.

please help
Vizualinx
✅1
4
1 year ago
Keyboard shortcuts
How can i implement keyboard shortcuts in my app?

https://discord.com/channels/972416966683926538/1181222154960908358/1368903125947387954
QuietRocket
8
1 year ago
Proper way of using skeleton
In Spark One, is the so-skeleton supposed to have a child? In the example, the width and height are hard coded and the skeleton has no child.

I have some text that loads over time. The text element initially has null and then a value. I noticed the slot in the so-skeleton so figured I can put stuff inside it. It almost works! But when I apply a border radius max to the so-skeleton, the underlying text passes through the borders.
Edwin Paul
5
1 year ago
Dealing with API services that require a Static IP
Some API providers require a static IP for whitelisting, but since edge workers use a wide range of IPs, it has gotten a bit tricky to make this work. I've heard of the VPS proxy setup, but it'd be great if someone who's dealt with this kinda stuff before could share some tips.
Gerson CA
23
1 year ago
How can I call an API inside a component from my main page?
I moved my API to a component but I want to know if I can call it from my main page, or another component, after an API runs successfully.
fss21
6
1 year ago
Is there any way to upload multiple sitemaps?
It seems there is just only one sitemap page I can create... is there a workaround to it?
Jehex
14
1 year ago
input field call my API
Hi there, probably an issue that some people already had but when I type on a input field ( who not supposed to trigger any api but is bind to a variable that I use as parameter for an api ) it's just trigger my api even I set a stop propagation / prevent default on it, any idea ? Thanks
knotshell
5
1 year ago
Redirect Authentication not working
Hello,

I have followed this documentation:https://docs.nordcraft.com/connecting-data/authentication#use-redirect-authentication

and set up redirect in the third-party authentication to go to https://mydomain.com/.nordcraft?redirect_to=%2F&access_token=generated_access_token_from_third_party

However - it lands in a 404 page and there is no access_token stored.

As a workaround, I set up a formula ON LOAD to: a) capture the acces_token on a dummy page from the URL, b) store it using set session cookie formula and c)call an API to verify the token and d) redirect based on profile verification through an API call if success. This however requires page load and the screen briefly flashes before logging into my app.

My questiosn are
1. Am I doing something wrong with the syntax for the redirect authomation?
2. does this method also verify the token or just store it?
2. is my workaround still secure?

thanks for any assistance! I am not technical so any help will be appreciated - getting to learn a TON from ~ nordcraft ~
knotshell
2
1 year ago
Redirect authentication not working
Jerry
6
1 year ago
File upload to Supabas
Heyo! I'm trying to upload a PDF to Supabase and I'm fighting for my life doing it. They get created in the bucket but with 0 bytes. I send the raw file in the body with application/pdf but still empty.

I retrieve the file via file upload and get 'files' and first item of the array. Looks good in the console log but still 0. Any idea why?
Jehex
5
1 year ago
Search on items with pagination
Hi there ! I have a gallery of images ( from my xano endpoint / database ) and already implemented pagination ( 1 page show 8 items ) and a search bar ( who search in the prompt attribute of my items ) Everything working great except that the search function only search on the current page showed instead of total of items. Would like to know if this is manageable directly on the front end or if this require a specific endpoint. Thanks !
unicodes
4
1 year ago
What do you use for refresh session?
As it is now I have the login session very long (1day), I want to implement the refresh token system for providing a continuity experience.

I was thinking to add for each API a check if the error is 401 then refresh the token if isn't expired and if the refresh is success then recall the API. This solution is very annoying because I have to implement this refresh token for every single API and in some cases is huge (considering components, context callings etc.).

I was thinking to create a listener if something in network fails with 401 to refresh token.

Another solution would be to refresh the token every X time or in case of 401 to redirect to login (I want to avoid because in some cases you work on something and on pressing "save", you will be redirected to login and lose everything)

I'm curious what do you use, have you found something very simple to implement?
Pascal
75
1 year ago
SSR ability for Web Components
This is a crucial consideration for me
If I had Web Components for every layout component (having them rich-content-dynamic) like hero, feature section etc.
This would be absolutely insane
but do they allow reliable serverside rendering, or even component-internal api requests?
My guess is no, but I want to have this confirmed...
This would be relevant especially for SEO, and performance reasons.
James
7
1 year ago
Disaster Recovery Plan
Hi guys, does Nordcraft have a public disaster recovery plan? A client is looking for the info. Thanks!
yoelfdz
13
1 year ago
Performance issues, editor laggy
It would be awesome if someone from NordCraft team could have a look at a project. The editor is very laggy, and I think it should not be due to a lack of use of components in this case.

The only thing I can think of is having large JSON data as test values on the editor? Can that affect performance drastically?
davicampos
5
1 year ago
"Add element - form" not working
Trying to learn nordcraft, but finding cofusing when tutorial videos don't match the UI. This is one of the problems I'm currently facing. When adding a form, it shows me a dot. Is it right?
needtheanswers
18
1 year ago
shopping cart - ✨instant feedback✨
Hi there,
just wondering how do you guys handle the shopping cart functionality in your onlineshop. Normally when as user clicks on "add to cart" I would call my api(s) and let the backend handle this (add item, delete item, update quantity,..). For safety reasons I didn´t want the frontend to handle all of that ( reducing the risk of manipulation). The problem is that it kinda disrupts the flow because it takes a second or two until I get the data with the updated cart. So my question now is how do you handle this ? Do you mantain a second cart in the local storage or what is your solution for that?
Thanks
Sakamoto
✅1
5
1 year ago
Could not find formula in package
I suddenly got this error from my package and my tracking stop working 3 hours ago.
Bankydoo
5
1 year ago
Help
Not sure whats going on but this has been my view for the past three days on my macbook.
QuietRocket
✅1
7
1 year ago
Best practice for importing script for a package
Hi! I am making a community package for Convex by wrapping Convex's plain JavaScript library (inspired by their Svelte package). The documentation for the library can be found here: https://docs.convex.dev/quickstart/script-tag

According to the docs, they recommend adding a script tag to unpkghttps://unpkg.com/convex@1.3.1/dist/browser.bundle.js as such:
<!doctype html>
<script src="https://unpkg.com/convex@1.3.1/dist/browser.bundle.js"></script>
<script>
const CONVEX_URL = "CONVEX_URL_GOES_HERE";
const client = new convex.ConvexClient(CONVEX_URL);
client.onUpdate("tasks:get", {}, (tasks) =>
console.log(tasks.map((task) => task.text)),
);
</script>
This works in Nord by modifying the page external resources, but the problem is as a package, I don't think it's very reasonable for the end user to have to add the script every page manually.

I tried importing an ESM variant through JSDelivr via a Nord action, but the imported module seems to be empty: https://cdn.jsdelivr.net/npm/convex@1.23.0/+esm

Honestly I would prefer going about an import() the ESM way, but what's the right module to import? The import I'm interested in is convex/browser (which contains ConvexClient, for example).

Thanks 🙂
Tired Bean
3
1 year ago
Having Trouble setting up an account as a new user
Hello I am currently having issues with setting up an account as continues to redirect me onto toddel and state : This site can’t provide a secure connection
icszvgolrcrgzcssgoqt.supabase.co sent an invalid response.
ERR_SSL_PROTOCOL_ERROR
Kova
6
1 year ago
Getting project off google search
Hi, newbie question here, I know that I can use "<meta name="robots" content="noindex, nofollow">
" I tried with custom robots txt but it did not work, for the life of me I can't figure out how to do it...
fss21
10
1 year ago
passing array in url parameter does not work
Hi there! I am having issue of array in url parameter.
Basically I want to set array value in url parameter so creating this formula
Jehex
2
1 year ago
Test query parameter value from a context variable?
Hi there! Is they're a way to test the value from a context variable ( here the id from my context variable ) without all the time insert manually an ID from my database ( who will remove my formula from the query parameter ) Thanks!
Alex
1
1 year ago
Web Component Error in Wenflow
Hey everyone, I've created a web component to place on external customer websites. It appears to be working inside the editor but not on the embedded sites... any ideas?
Pascal
1
1 year ago
„Protected Components“?
„Sharing authentication or user data with protected components“
Context chapter

I just read this in the new docs - what is meant by that?

Is there an advanced thing I might not know of?
ssssadsadasd
0
1 year ago
set focus to a certain position in the input
so I have this [input](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/test13?canvas-height=800&canvas-width=455.2&selection=nodes.EL_PzKJDA3Dg9z5gaRPRm.events.click.actions.0.data&rightpanel=events), and, when clicking the button, in the current cursor position, I want to:
1. add a certain text
2. refocus the cursor at the end of this added textthe

I manage to complete 1, but with point 2 I am finding some difficulties as I think it needs some code. it should be sth like the below but not sure how to implement it in toddle as I am not sure how can I refer to the input

function insertTextAtCursor(input, text) {
const start = input.selectionStart;
const end = input.selectionEnd;
input.value = input.value.slice(0, start) + text + input.value.slice(end);
const newPosition = start + text.length;
input.setSelectionRange(newPosition, newPosition);
input.focus();
}
Iwooo
9
1 year ago
Contexted workflows and formulas does not work.
I got a question. Maybe a newbie one. Why am I allowed to subscribe to context when the component I'm subscribing to is not in "parent" relationship with child (context-subscriber)? The Child component can see (and use in formulas - but it does not work) contexts from components which are not in relationship with context provider.

I studied the new NC documentations (and soem community NC projects) but it does not answers this question for me. As far as I read thru docs, for context to work, the context-provider component should be connected with context-subscriber component thru parent-child relationship. But ability to subscribe to and work with non-related component's context is very confusing.

My project structure is described in attached image. I'm able to subscribe to context and work with context inside of formulas editor (create new formulas using data from contexts and seeing data getting thru) and workflow editors (same as with formulas - everything works inside of toddle/NC) but once I want to trigger workflows which should use contexted data and workflows it simply does not work. There is no error on logic, because I tried the same workflows without context and it works flawlessly. Is my project structure wrong?
ssssadsadasd
28
1 year ago
why this wrapping behavior?
[here ](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/test12?canvas-height=800&canvas-width=213.9&rightpanel=style) I have a list of spans and I want to wrap them, i.e. when the width is low I want the text to go to the next line. and I achieve this.
but what makes me wonder is that if I changes the flex of the main div of the page from column to row the wrapping behavior is broken even though I do not know why this should influence the wrapping.
anyone has any idea? thanks
ssssadsadasd
12
1 year ago
tagging functionality ux
think of sth like twitter, where in a post the user can tag some other users. the tags have a certain color and are clickable.
I believe I have completed the backend logic now I want to render the post content in the UI.

so supposethe posts will be sth like this (where obviously the tags and text are dynamic):
"@elonmusk is the ceo of x"

how can I make @elonmusk blue and clickable and possible triggering an action in my nordcraft app?

thanks
Bankydoo
1
1 year ago
Resusing components in nordcraft
Hi there
Do we have any videos demonstrating how to reuse components
Newbie question
ssssadsadasd
15
1 year ago
track cursor position in a multiline input
I want to click a button and add a text in the position where the cursor is in the multiline input.
how can I do this?
thanks
fss21
11
1 year ago
Is there any way to sanitize the input using formula?
Hi, looking for a way to sanitize the input so that we can call the api in more secure way. Currently it is not possible to do this?
needtheanswers
9
1 year ago
close other dropdowns when I open a new one
Hi there, so I have this table cell component that opens a dropdown. When I click on the 3 dots I want it to open the dropdown of this table row but also to close the other open dropdowns. So there should only be one open dropdown How do I achieve that? I was thinking of using the repeat item index for that and create a variable with the active index but that wouldn´t be very elegant since I have multiple tables that use this component . Using the pointerleave event is also not solving the problem. Thanks
mohameddk_
✅1
3
1 year ago
How to make a link always open in a new tab?
Basically the title. It would be very useful if the link opens in a new tab in mu use case.

The user will click on the link and would have to inevitably go back to the web app. The api for my app is slow so navigating back would not be ideal as the page would have to fetch data from the api again
Bankydoo
6
1 year ago
HI everyone
Still waiting for an idiots guide to setting up supabase auth in toddle. tried and failed severally.
fss21
12
1 year ago
Json-ld structued data issue
I am trying to set up json-ld strtucted data and insert <script> tag as attached image. I pulled out json to be inserted as string format from external api and tyring to add it to "content". but when i do that, it becomes null in preview page. Does anybody know why?

I have passed value as string format and tried Json parsing formula but same results( it returns null)
fss21
18
1 year ago
How to prevent redirect loop
Hi, i creatd API redirect rule. basically if the url does not end with slash, then I want to redirect the same url with slash at the end.
The logic to judge whether slash is at the end is working fine.

but when i implement this logic, the redirect loop happens in preview page. anyone knows why is this happening?
Kittiphum
1
1 year ago
application/pdf api reponse
I am using APIstax invoice pdf api to create an invoice. It response is the raw data of the pdf how do i display it and make it downloadable?

Looking forward to your answers.
Bankydoo
5
1 year ago
Supabase
Anyone recently set up custom endpoints in supabase and got it working?
Followed an old video testing out a component and got stuck connecting supabase with toddle.
something to do with the swagger documentation which was showing a lot of things i dont understand.
I still dont understand a lot of things but pretty good at following and getting it as i go. so if theres any recent custom set up i can follow - please hit me
Andy Putilin
9
1 year ago
Logic for Finding and Retrieving Associated Records Between Two Data Sources
Hello, need a little help with what I believe is toddle logic.

I’m building a CRM page and pulling in data from two APIs — one for deals and one for vehicles (stored in Xano). Each deal can be linked to a vehicle using an ID field.

What I’m trying to do is this:

When someone’s viewing a vehicle card in the CRM, I want to automatically check if that vehicle appears in any of the deals. If it does, I want to pull in the info from the matching deal and display it alongside the vehicle. Kind of like showing deal context directly within the vehicle profile.

Right now in Toddle, I’m looping through the deals and comparing the vehicle ID to the current vehicle being viewed. I’ve been trying to make this work with a formula, but it’s not returning anything. Clearly I’m missing something 😅

Dropped a screenshot of what I’ve got so far. Just wondering what the best way is to structure this logic. Should I be filtering differently, or is there a better way to query it from Xano?
Hausia
1
1 year ago
Domain SSL
Hi everyone, just linked my domain & seitting on pending. Wondering if there's anything I need to do from here? Only been a few hours.
Dan
3
1 year ago
Cant find style below ...px
How can I set a style that targets everything below a certain width? I can set above, but just dont understand how to get the below styles set without changing the default and setting only above styles.
A S
✅1
14
1 year ago
Navigation issue
I'm working on implementing authentication on the dashboard page following the tutorial. The login itself works, but after logging in, it's unable to fetch the user data properly. The auth me API isn't able to autofetch.

The bigger issue I'm facing is with the navigation menu highlighting. I'm trying to highlight the active nav item based on the current page using attributes and class bindings. However, as you can see in the screenshot, either all the menu items are highlighted or only the default page gets highlighted, regardless of which page is actually active.

Could someone help me troubleshoot this?
Leo
✅1
4
1 year ago
Add a list to of obejects to an array
hey guys this is a simple issue but it is giving me a hard time how can i add the each oject to the array? I tried using "first" but it only take the first items the left the rest.

I would appreicate any help thank you
Pascal
4
1 year ago
Best Practices Questions
I'm building a quite flexible and enjoyable-to-build Layout system.
The problem: It uses a multitude of small JS helper formulas/actions. They are not extensive fix-it-alls – and I only try to use them if I really need to.
Custom breakpoint detection, small grid auto flex-grow-shrink based on overflow conflicts etc – they are either crucial core utilities or small convenience snippets
But they are Script powered, and having "disable javascript" enabled in the browser really blew my entire concept.

I'd love to hear some thoughts from you!
Trojan
13
1 year ago
Dashboard & Navigation
Hi Team, Can you tell me I am using Spark Core to build a dashboard view I pretty much understood the working of it as well? Just wanted to confirm one thing since I come from weweb where I have used Multi-Page sections by which Sidebar becomes common for the pages so what will be the best practice to achieve the same thing in toddle?
Airmax
6
1 year ago
Contentful "Date"
I'd like to include the date into a blog post, but it isn showing in the option.
API response is fine.
Jerome
5
1 year ago
Sign up form error (XANO)
I have created a sign up form following the to do app tutorial and after following the steps I get this error.

Can anyone advise? sorry if this is obvious
nathandh
6
1 year ago
Formula help
OK here's the deal:

I've got a simple filter component acting on a returned API set. Each returned item has an array of properties, and I want the formula to filter by checking to see if any of the properties in the array match the currently selected variable.

Thinking this should be a find action, returning true if any of the items in the array are a match, which then filters the set? I thought this would be easy but I can't figure it out 😄
Stefan
8
1 year ago
Server Side HTML Rendering
I have searched the discord & google, and it seems there is currently no way to just render HTML on the server in toddle?
I have seen the packages but they all are rendering the content via JS.

Has anyone done that, I think it is crucial for good SEO scores to have the content delivered by the server.

My content is not coming from Contentful so I can not just simply loop through elements and render native elements 😦
Airmax
1
1 year ago
Contentful "blog author"
How do I include it in my blogpost in toddle? Set it up in contentful already. API is working and receiving author name.
Airmax
6
1 year ago
Contentful blog problem
Marko
3
1 year ago
CSV import tool
Hiya!

I’m adding a certificate generation module to my member management app and am wanting to add the ability for users to upload a CSV as the data source.

Are there any tools you would recommend for matching the columns up to the correct fields? Something like Flatfile.com. I’m using Supabase as the backend.

I’ve seen a few tools out there but wanted to hear from the community what they recommend.

Cheers!
nathandh
6
1 year ago
Component instances
Is there a way to add a component and make changes which affect only that single instance? Meaning, I don't want to change the main parent component which would cascade to all children (thinking specifically how Webflow does this, or Figma)
unicodes
17
1 year ago
Prefer estimated count using RPC (supabase)
How to get the results of Prefer estimated=count but using RPC? I have a function with limit and offset but this doesn't work anymore with Prefer estimated count. A solution would be selecting all and then filter as per limit and offset but this isn't efficient for db, is there an efficient solution like Prefer?
PeterShaw
3
1 year ago
Calendar Question
I am currently building a yearly calendar because unfortunately the components dont fit my needs.

I am trying to let every month start with a monday but somehow I cannot figure out which node to use. The shown month should start on Wednesday.
Danny
19
1 year ago
Can API requests within components be done server-side or only at the page level?
I thought API requests within components could be done server-side as long as auto-fetch and server-side fetching were both on, but it seems like they're fetched after page load (I can see the requests for each API in my network tab). Is that right or am I maybe missing something / misunderstanding?
MartinF
11
1 year ago
I can't create a page called login as previously deleted it.
I need to get a deleted page made available again on a couple of projects. Can i DM someone with ✨ powers? Thanks
Kova
4
1 year ago
robots.txt
Hi there, could pappa Toddla help a toddler like me, just a quick question, does having a robots.txt in public repo on github, copy/pasting link in project settings under Robots.txt work, or is there another way of doing it? thank you 😄
Targox
✅1
3
1 year ago
Custom fonts for components
Components don't have 'head assets' so there's no way to add a custom font through there.Is there a way to upload and use a custom font directly within a web component (not Google)? Since the component doesn’t inherit styling from the parent website, that’s not an option either. Thanks!
ssssadsadasd
11
1 year ago
Best way t o store such data as user name, profile pic, etc.
During a user section I want to save such data as user name, user profile picture, username etc so that I do not make an extra call everytime.
I am using supabase, and I initially thought saving these in the supabase user_metadata would be the best solution but this is not reccommeded apparently. so I was wondering what is an alternative solution?
save to local/session storage does not seem a good option? will the "save to cache" feature that will be coming to toddle fit to this case? thanks
petermac
7
1 year ago
Scrolling in toddle
Hi

I'm having problems scrolling in toddle menus, e.g. the right hand panel, say styling as an example. I'm on a laptop with no scroll wheel, sometimes I can scroll down with down arrow on keyboard, sometimes I can't. Sometimes holding down left button and dragging down will scroll sometimes it doesn't. Are there invisible scroll bars I'm missing? In general I find it hard to scroll down in toddle menus and sometimes I'm not sure if there are more items or not when trying to scroll. Any tips on scrolling on a laptop?

Thanks
101kwinner
12
1 year ago
authentication issue: No data in response of api call.
Hi I am having issues with getting data in the response section of my api call for my sign up page. Every time I test it it gives me an error: "Unable to locate request". I have watched the tutorials, the body in the api call has the data in the formula, the submit action does trigger for the sign up form, and I have downloaded the Toddle plugin, though I am not sure what that does. Despite this, it still gives me the same error, I am using Xano for my backend. Any help would be greatly appreciated
PeterShaw
1
1 year ago
Popover for profile settings
Whats the best way to build a profile settings modal as shown in the screenshot? Now its a popover but I struggle with the placement. I want it to be placed directly below the parent button which is a problem when the screen width changes
Kai
11
1 year ago
passing values between pages
Hi,
I have a question about passing values.
I have an overview page /members with a list of users. For each user, the name, email address, and a "view profile" link are displayed. How do I pass the user_id to the /profile page so that I can pass it to the Xano API?
Stefan
10
1 year ago
Check if user is logged in
Hi,

I am trying to simply check if the user is logged in = has a session cookie "access_token".

But if I get the cookie in a formula via "get http only cookie" it returns the placeholder {{cookies....}} - so it is never empty, also not if there is no cookie.

Whats the best way to simply check if the user is logged in?

PS: I dont want to make an api call just to now if the user is logged in.

One idea would be to use session storage for that, but also not ideal I guess.
PeterShaw
6
1 year ago
Copy component
Hi, maybe Im missing something but I cannot copy a component from project A to B.

It says "this component does not exist in this project."

Any ideas?
Leo
✅1
4
1 year ago
Social media Infinite scroll
Hey guys, I was wondering how to reproduce the infinite scroll like the one similar to social media where the more you scroll down, the more content gets rendered.

I can’t quickly figure out how to make an API request and add the content on top of what has already been rendered.

I would appreciate any response.
FeRojas
29
1 year ago
Adding structured data to product page
Hi! Im having trouble adding a structured data in the body of a product page. Tried different configurations, but still https://search.google.com/test/rich-results?hl=es-419 dont recognize it. Only way that it worked for me, is by adding the script to the head of the page, the problem with that is that affects loading performance. The problem seems to be that it wraps the script content in <span data-node-type="text" ...>

Any help with this would be really appreciated 🙌 .
Leo
6
1 year ago
Error with auth API
I’m having trouble with the access token. When I save a new access token, it works perfectly for the first API call. However, starting with the second API call, an old acess token is being send to my backend instead of the new one I saved. This issue only happens when I’m using the Toodle extension

I tried to uninstall the extension and resinstall but but I still face the same issue. when IChecking my backend, where I can see it consistently returns the outdated token

can anyone please help me thank you
Yann
✅1
34
1 year ago
[RESOLVED]Conditional styling
Hey there 👋
Coming from weweb, i'm exploring toddle.
I feel dumb asking this question but i have a navbar with differents texts that i want to style according to the page i am.
I have created a class in the atributes panel and choose it as style in the styling panel.
I have no clue how to create the formula that return true when pageId == current pageId
Thanks!
Seun Orofin
26
1 year ago
Updating an item in a list is removing the item.
I have a very weird situation going on where i make an update to a specific item in a list using the index..but instead of it to get updated.. on the UI it is actually being removed from the rendered list.

i am rendering the list and using a filter fomular to render question items under the right section based on the id.

the list is being rendered via context from the top component from a fomular tied to the variable...this same approach worked with rendering the sections.

So i am not so sure why its behaving differently for the questions.
null
0
1 year ago
Student Trying to Make a Collage PWA
needtheanswers
4
1 year ago
path/url param dilemma...
I have pages that are somehow structured as shown on the image. This would normally be my dashboard where mypath could have a value like home, settings, products, categories etc. and then I have a subpath (or url param) for the settings that would have a value like account, payments, design etc. So my url that leads to the account settings would look like this "https: //example.com/dashboard/settings/account" and my url that leads to the products page would look like this "https: //example.com/dashboard/products". The problem is when I try to remove the paths and go to "https: //example.com/dashboard" it seems like I´m being redirected (but I´m not; the url is still https: //example.com/dashboard ) to a page that I´m unable to identify. It doesn´t show my dashboard content - it only shows my footer (there is no footer on the dashboard page!) . The footer component is only used on 3 pages and the dashboard page is none of them. What could cause this? I´m able to reproduce the issue but only WITHIN my project but not in another project. Any idea how to fix this? I would also appreciate help from Team toddle , this seems like a very weird issue.

Thanks a lot
Nico
6
1 year ago
Root Domain and www.
Iam a bit confused with my connected domain. I connect both the root and the www. with toddle.. and the www works fine but when i try to connect to the root it does load for a crazy long time and sometimes brings up the page.

doesnt this also hurt my seo rankings cause of duplicated content if both root and www. get indexed?
john
3
1 year ago
How to make all the editing area visible? How to add a gradient div on top of image background?
As a new Toddler, let me start by asking 2 dumb questions.

1)
I am working on UI first of my new project and I guess the visible part is in the screen size and the below parts are outside the screen. In the preview, I can see all. As the area I am working on is not visible, I find it very annoying but I am sure it's something that I am missing. What do I need to view all work-on areas?

2) I have a div with a image background. I want to add a div on top of the image background with gradient fill but I just can't find with what. Can someone show me the way?

Thank you.
needtheanswers
17
1 year ago
trigger exposed workflow on success of an API call
Hi,
maybe I’m overcomplicating things here, but I just can’t wrap my head around how to make this work. I´ve tried to illustrate it (hopefully this makes it a bit clearer). So I have a provider component with my apis. The api is wrapped in a workflow that is exposed in context so it can be called by the child components. Let´s assume that child component 1 runs the exposed workflow "W1" on load (that part is already working). Now comes the part that gives me a headache: ON SUCCESS of that api call I would like to call custom action "1". How do I wait for the success event? Events can´t be exposed and running another exposed workflow doesn´t work because based on what should I run it?

I have multiple child components and everyone of them needs to call a different action. Also I don´t want every child component to have their individual api.

Is there a way to accomplish this?
Thanks
J.ulian
✅2
0
1 year ago
Feedback on prototype community package
Hi, I try to make an intuïtive, yet complete Toddle implementation of the great Embla Carousel.

Would really appreciate feedback on structure. What I am also not sure on is if scoping is ok, so multiple instances can be places on one page.

And of course, feedback in general. I want this package to be of high quality, with all plugins included.

It is not finished, but working quite well already.

Many thanks for your thoughts!

https://editor.nordcraft.com/projects/amaranth_ric_oli__circular_crayfish/branches/main/components/Embla%20Carousel?canvas-height=800&canvas-width=800

https://www.embla-carousel.com/
brob (bryanlrobinson)
✅1
3
1 year ago
Test value for variable
I've gotten around this for a bit with an initial value for a variable, but is there a way to create a test value for a variable? When I use an array in a variable to create a repeat, I need to be able to select the properties that become each visible piece of the loop, if the variable is null or an empty array, i don't have anything I can select, so I have to put dummy data in and then later remove it (and if i have to update the repeat function, then I'd have to add the data back again...)
ssssadsadasd
1
1 year ago
Set/remove focus of an input with a button
[here](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/test7?canvas-width=800&rightpanel=events&selection=nodes.SO-WcyIVaJNQ7QsUqG6Io.events.click&canvas-height=1196), I want to click a button and focus to an input with a certain id. so I give the input the id 'abc' and when the button is clicked I do "focus: abc" but this does not work.
any idea how to achieve this? thanks
ssssadsadasd
5
1 year ago
Set path from reusable error?
Before when you set a path paramaeter from a reusable it did not show an error now it does even though the functionality still works.
is there any issue with that?
brob (bryanlrobinson)
16
1 year ago
Modifying the array of a repeat element on button click
I have a repeating element that has a button. When a user clicks that button, I want to increment one value in the array that matches the element that contained the button

[{
item: 'data1',
count: 1
},
{
item:'data2',
count: 1
}
]

I've tried to set this up in a variety of ways and haven't been able to find the right path (Still struggling with shifting my regular coding mental model over)

My thought was that onClick, I'd access the index of the item in the array, and increment the count on that item (or use a piece of data on the object and run a find, update that object, then rewrite the variable), but I can't seem to figure out how to update the array or make a new version with only that one item changed (i figure out a flow, but then can't find a piece of data.
Jonathan Ebot
8
1 year ago
Migrate Project to another toddle account
Hey Team toddle , is possible to migrate a toddle project to another toddle account ?
Jerry
✅1
2
1 year 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
1 year 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
1 year 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)
✅1
5
1 year 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
1 year ago
Borders in sticky div
[Here](https://editor.nordcraft.com/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
1 year 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
1 year 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
1 year 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
1 year 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
1 year 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
1 year 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
1 year ago
Intersection observer
In the following [page](https://editor.nordcraft.com/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
✅1
8
1 year 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
1 year 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
1 year 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.
ssssadsadasd
1
1 year ago
tag functionality in input
I want to build a tag functionality similar to twitter, facebook, etc.
anyone has any suggestion how to start implementing this
@ wondering whether you might have faced this in your implementation.
thanks
andreas_schaefer
8
1 year ago
working with dates
Hi so I'm completely new to toddle coming from Low Code / no Code building in Tadabase. Im working on a planning app for musical and theater tours across europe. So i work a lot with dates. Supabase is my backend of choice. Im still evaluating front end builders. I like a lot about toddle, but I'm a little shocked that there is no real way to work with dates other than epoch. That is big big issue for me. Am I missing something?
andreas_schaefer
3
1 year ago
Adding a popover to a table Spark One
Hello,
I'm just starting my first real project in toddle coming from Tadabase. Since it got praised so much I started with the Spark One Template. Now I have a SO-Table and I want to add a SO-Popover Component to that table to show additional data. I don't really get how to structure this so the Popover just opens up next to the table withou disrupting the whole layout
ssssadsadasd
2
1 year ago
list1 - list2
I want to get the items that are in list1 AND are not in list2. how can I do this in toddle? thanks
yoelfdz
3
1 year ago
Need to transfer a project to another organization
Need to transfer a project to another organization 🙏🏼
Isaias
9
1 year ago
I can't figure out style hover
When I try to theme my style hover (or any other style besides default), it deselects when I click in anything else besides the div with style itself. I only can get the other element hover separately. I've asked the toddle AI a thousand times and I just can't figure out if I'm doing something wrong or if it is a bug
alice_alexandra
✅1
16
1 year ago
Is there no way to import components?
According to [this Toddle video](https://www.youtube.com/watch?v=eDR23yGc6kc), there should be a way to import components, which is definitely vital for maintaining multiple project.

However, in the current Toddle interface, I can't find this functionality.
alice_alexandra
✅1
8
1 year ago
What's the best "Toddle" way to deal with heterogenous arrays returned from a data source?
I am working with the Notion API, which returns each "block" as an individual item in an array. Each block has a "type" (e.g., heading_1, paragraph, bulleted_list_item) that defines parts of its inner structure.

So, when working in Toddle, I can very easily work with the first item in the array, but I don't know how to easily access the second item of the array to build a formula around it uniquely.

Obviously, I can just move my data around on the backend, so that the first item keeps becoming the one I need to work with, but this feels more painful than the usual Toddle experience.

Any advice?
Alex
2
1 year ago
Can't set layout styles back to '-'
Having an issue where I can't set a layout style back to none
danielroe
3
1 year ago
facing some issues with onboarding
Isaias
15
1 year ago
Help a noobie
Hey guys, I'm having trouble being able to change icons in my button.
For reference I was watching this tutorial https://www.youtube.com/watch?v=wrSdP7kAm2s from the Toddle youtube channel, but it seem like it's no longer up to date, when I paste the new svg onto the component child from the home page, it replaces both of my lead and trail icons, as well as their size and color, does anybody have some advice?
Seun Orofin
8
1 year ago
Pros & Cons when converting HTML → JSON Rich Text for a blog detail page
I am working on a blog detail page and currently the content is coming from the API as HTML...i am thinking of converting the HTML into a structured JSON so i can render using structured content.

To give more context
i literally want to go from:

<p>This is some text</p>
<h2>Heading</h2>
<blockquote><p>Quoted text</p></blockquote>

to:

{
"nodeType": "document",
"content": [
{
"nodeType": "paragraph",
"content": [
{
"nodeType": "text",
"value": "This is some text",
"marks": [],
"data": {}
}
],
"data": {}
},
{
"nodeType": "heading-2",
"content": [
{
"nodeType": "text",
"value": "Heading",
"marks": [],
"data": {}
}
],
"data": {}
}
]
}
ssssadsadasd
4
1 year ago
Undefined isn't false?
If [here ](https://docs.nordcraft.com) it says "We only treat these values as falsy: false, null, and undefined" why when I do "undefined value = false" it returns false? thanks
mossi
3
1 year ago
Selected attribute for Select element
I have a select element in my form that has a list of countries. I repeated the "Options" over an array variable with all the countries. When user selects a country, the selection value is save in a variable. How do I set the "selected" attribute for this select list? I know how to do this on a normal select list but not on one with options generated from repeat over an array.

Thank you
A-Chivas
16
1 year ago
How do I use custom font inside a component?
Need to use a custom font inside a component
Charlie
2
1 year ago
Token expiring instantly but works on page load?
I keep getting an error that my token has expired but it doesn't really make sense - I hide and show a button depending on whether the user is logged in which happens on page load. Then when I click to create an item (maybe 15 seconds later) it is showing the error "This token is expired" (I'm using Xano for the authentication). When I reload the page its completely fine and the current token works but the moment I try and get any authenticated endpoints after this it comes up with that error. Any ideas on what is causing this??
Rei
3
1 year ago
Reveal Buttons on Card hover?
Hello Toddle community o/
I'm trying to change the CSS styles of child elements based on the parent element.

For example, I have a list of blog post cards that contain buttons with opacity set to 0.
When a user hovers over a single card, the buttons should become visible (opacity: 1).

The Toddle Styles Panel includes a CSS field at the bottom.
After applying the necessary classes to parent & child elements I attempted to add the CSS below.

.blog-card:hover .show-button {
opacity: 1
}

Sadly, this did not work. I would appreciate any help the community could offer as I'm still quite new to Toddle.
Danny
7
1 year ago
Can custom actions call other custom actions?
Wondering if custom actions can call each other. Using the workflows to call other custom actions is getting a little messy at times.
Ben H
✅1
15
1 year ago
How are you guys refreshing the user's access_token for infinite sessions? (Supabase auth)
I'm not using the Supabase SDK on the frontend, so it seems like I need to call supabase.auth.refreshSession() from an edge function? Is this how you guys are doing it? I.e. every time the user goes to the dashboard, call this endpoint to refresh their auth? Or could store the expiry date in local storage to avoid calling the endpoint as often.
Edwin Paul
10
1 year ago
Install packages without launching?
I was gonna launch a package to test it out until i saw this callout. I couldn't find this package in my other projects(same org). How does it work?
lucian0
5
1 year ago
How could I make a Xano and Shopify e-commerce store for my clothing brand on Xano
How could I make a Xano and Shopify e-commerce store for my clothing brand on Xano I’m fairly new to APIs and haven’t learned a lot about Xano I have fair experience with Toddle just not anything that involves the backend yet if you guys had any suggestions I would appreciate it a lot as for it’s my personal brand I’m trying to make this for
unicodes
0
1 year ago
How to load images faster in the app?
What trick do you use for loading images faster, storing for preventing recall on page refresh.

I'm not using lazy loading.
MartinF
0
1 year ago
Calling auto-fetch APIs after one other has returned an access_token
I’m building some logic around Supabase auth and have an edge function I call during SSR that returns an access_token in a http-only cookie from the refreshtokeb I’ve sent The issue I have is that other auto fetch APIs need the access token for auth Sometimes it works sometimes it doesn’t as not sure how to set any order of operation. What’s the Toddle way to deal with this? I have APIs in different components that need to know when to go
Ben H
14
1 year ago
Api redirects and content flashes
Just wanted clarification on how server side fetching works in combination with redirect rules. I set up a redirect rule so that if a user is already logged in, it redirects them to the dashboard. The redirect works, but the content of the page flashes before the redirect. I thought that since I have server-side fetching enabled, it would redirect before loading anything?
Janis
4
1 year ago
Custom claims and supabase update: restricting access to auth
Supabase today shared an update whereby "...certain SQL actions you can perform in your database’s auth, storage, and realtime schemas." will be restricted from April 21st onwards.

I am using custom claims in my app which rely on permissions and it seems like that this permission is affected by it: generate_jwt_with_claims

@Lucas G Are you still using the custom claims implementation you've shared several months ago? Do you have any tips how to migrate by any chance?
fss21
5
1 year ago
Moving into Toddle from weweb for SPEED is a right decision? Would love to ask for your experience
Hi guys, I am building marketplace website with weweb + xano but the performance is not great...
it is not stable first of all (sometimes we encounter that page is not displayed correctly etc) and also the speed is not great...
We have thousands of landing pages and the speed is very critical for us.
I heard Toddle has SSR so I expect we can get faster with Toddle but I am not sure about the tool so would love to hear your opinions on this. Thanks a lot in advance
R
4
1 year ago
Rollback
Is there any way to roll back changes that were not published? I cannot go back in the editor but I just removed basically all of my changes by a wrong copy/paste.
nathandh
3
1 year ago
Embedding components in Webflow
For components exported as web components and embedded in a Webflow site, is there any way to use Webflow's native styling for basic layout? Thinking I'd like to leave the component in toddle full width (or 100%) and then have it respect the container it's in on the Webflow site. So let's say you have a 50% wide div in Webflow, and drop your toddle embed in that div and have it render 50% of the width
FeRojas
2
1 year ago
Challenge with working with select component from spark
Hey everyone!

I'm struggling with the Spark One Kit's select component. I'm trying to make it expand to the full width of its parent container, but for some reason, it's not working as expected.

What I'm trying to do:

Make a Spark select component expand to 100% width of its parent container
What I've tried:

Setting width to 100% to inside components and different configurations.
Applying flex-grow properties
Adjusting the parent container's settings
Surely Im missing something hete. Has anyone else run into this issue? Any suggestions on how to make it properly expand to fill the available space?

Thanks in advance for your help! 🙏
ssssadsadasd
3
1 year ago
api query parameters in toddle
how would this sql call look like in a toddle api call? I am not sure how to incorporate the where and order by clauses. thanks

SELECT *
FROM profiles
WHERE LOWER(name) LIKE LOWER(CONCAT('%', :search, '%')) OR LOWER(username) LIKE LOWER(CONCAT('%', :search, '%'))
ORDER BY CASE
WHEN user_type IN ('Club', 'Player') THEN 0
ELSE 1
END,
name
LIMIT 7;
R
25
1 year ago
Best practice: how do you use URL parameters single page app navigation?
I have built a SPA and have just changed to a component based model. The setup was as follows:
1. When the user clicks on an item in the menu bar, the URL parameter was updated (in my case, "view" becomes e.g. "budget").
2. All content (titles, content, KPIs) belonging to this view (budget) is shown. The rest is hidden.

Now, I have created a component for the view. The component 'Page' contains slots for all content. This way, I only have to hide/show on this Page component level (great so far!). I now have a Page component for each item in the menu bar, when a menu item like "budget" is chosen, URL parameter "view" is set to "budget", and the Page component for "budget" is shown.

However, I have to set the "view" attribute of the Page component manually to be the URL parameter every time I use the component. If I set the value to be the URL parameter in the component, it does not work. The overall solution works, but it feels like there should be a better solution.. does anyone have a good idea?
FeRojas
2
1 year ago
Getting an item using "Find"
I need to get a specific item from an array of objects by its "value" property. I tried to use the formula "find" in different configurations but I cant get the item that I need.

I want to replicate something like this: options.find(option => option.value === 13)

How I exactly can I do that with toddle formulas?
RobertG
12
1 year ago
Security for API keys
I'm confused on the proper security procedures forAPI keys. All the examples for Supabase (Such as this auth example: https://editor.nordcraft.com/projects/erik_auth/branches/main/components/LoginPage) have you passing the API key as part of the header. But in another thread (Security for API keys) I saw someone recommend against using Toddle to call Stripe because, since it's on the client, someone could steal your key. Why is one situation secure and the other isn't?
alice_alexandra
✅1
2
1 year ago
Is it possible to get type completion for npm package methods in Toddle?
So far, I only know how to get third-party npm packages into Toddle via dynamic imports in actions.

Is it possible to get type completion for them?
NoCode ProCode
6
1 year ago
Rendering List Error
I got a weird rendering issue with lists - I'm building a toast package and when I remove the toast it flashes gut the list item moves one down, I've tried countless possibilities, but I'm stuck with the out animation - I set a class to transition it out, and that works nice, but the moment I remove it after it transitioned out I get a flashing in the list.

https://app.nordcraft.com/projects/purple_taun__e_parental_octopus

I know I could use spark for this - but I really wanna learn this myself and understand how lists and rendering in Toddle works on a deep level - so any help is appreciated 🙏
A-Chivas
3
1 year ago
Query Parameters inside components
I will be using it as a web embed, it shows an error here, will it work with my shopify, where it will be part of the page with query parameter in the url string though?
Julien
3
1 year ago
Filter with contains like formula
I don't understand why I can't filter my array from a matches block. It seems very simple, but I've been thinking about it for hours 😭 The idea behind is to filter the elements according to a contain filter. Maybe it's not the right formula to use.
PinkSaltWhitePepper
19
1 year ago
Box not in middle
I’m sure this is simple but I’m stuck. I want the third box to be right below the top row, not in the middle.

If I change the height it’s goes to where I want it but then the entire height is cut off right below the third image. I want the app I’m building to always take the full height but I want the next image to be right below the first two, not in the middle.

Pictures should explain I hope. Thanks.
nathandh
12
1 year ago
Weird "Paste" modal when clicking in browser
Got this weird error that's driving me nuts. Every time I left-click on anything inside Toddle, I immediately get this little Paste dialog that pops up. I then have to click away a second time to dismiss, so basically the UI is unusable.

It's in Safari, Orion (also Webkit), and Firefox, but not Chrome. So it's not a single browser setting, thought it might be a system level thing or some plugin I have, but it is absolutely driving me batty.

Has anyone else experienced this? Any ideas where I might look to troubleshoot? Screencaps from each browser attached.
nathandh
3
1 year ago
Home page settings
How do I make a page the home page of the app? I see that creating a new app starts with HomePage by default, but you can create other pages and delete that one. How does toddle know which index to use as the first entry point for visitors? AI didn't seem to know either
Nico
18
1 year ago
Custom Action and Events
hey guys, quick question here. I use a custom action to create a JPG Mask of a drawing (using HTML Canvas).
My Script allready has a function to download the jpg on button click build in.

But now i need to send it this image to a API using a "Submit" Event on a form.

I cant wrap my head around the concept of Events in Actions.. any ideas on this?
needtheanswers
34
1 year ago
stripe connect - embedded onboarding
Hi,
has anyone here successfully implemented the stripe onboarding component? Whatever I do I can´t make it work - it doesn´t even show anything in the console log.
I create the account session using xano and get the client secret back - at least that works lol.
I also understand that I would have to initialize ConnectJS first , befoe I can render the Account onboarding component in toddle but this doesn´t seem to work. I did modify the code to intialize ConnectJS a little because I already get the clientsecret back from xano so I made sure I can insert it using an argument.

Would be greateful for any help here. Thanks

https://docs.stripe.com/connect/get-started-connect-embedded-components#account-sessions

https://docs.stripe.com/connect/supported-embedded-components/account-onboarding
Tinsoldier
4
1 year ago
background image for div
I am trying to make this work and am not able to.

How do i dynamically provide a backgroudn image in div.
Kleveland Bishop
6
1 year ago
Sites offline
Hey guys, I think my billing issue has caused my sites to go and stay off-line even after new card was added. My email is. Kleveland.bishop@gmail.com
Kamil
4
1 year ago
301 redirects
Hey! Just wondering how you're setting up 301 redirects with cloudflare. I've tried a bunch of things, but it seems like it’s not possible. Since toddle uses cloudflare with a proxied DNS A record, the requests bypass my cloudflare account and go straight to toddle’s, so my redirect settings don’t work. If I use proxied CNAME record, the redirects work, but then the images hosted on toddle returns 403. Is there a way to make this work, or would it be better to look for an alternative to cloudflare?
Jehex
2
1 year ago
Getting the base64 from a Promise
Hello, any ideas to how get the base64 of my image from a promise and send it to Xano ? Thanks you !
unicodes
28
1 year ago
Script TAG, how to add gtag in the script input.
I added this code but isn't working.

<script async src="google url"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-4534543543543');
</script>

Considering the script tag should be a tag I have deleted the script tags from the code but nothing is changing and isn't working.
I have this tag in the menu component because I want to add it in all pages and not adding using Head Assets.

Is this possible?
NoCode ProCode
2
1 year ago
Can't make client project owner
here is the project - all members need to be owner https://app.nordcraft.com/projects/ymp_v2
ssssadsadasd
4
1 year ago
Context in components
I want to basically do what is currently doable with the toast plugin: we insert the toast element -> we put our elements of the page inside the toast element -> now the toast actions are available to all child elements.

so what I do is [create a component](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/notification-popover?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=style&selection=nodes.KtbvoLP7IGXLZ44g6FDM2) -> set a workflow show-popover -> create a slot. in [the page](https://editor.nordcraft.com/projects/moccasin_palpatine_chief_rook/branches/start/components/test4%20context?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=style), I put the reusable and add a child to it. now, I should be able to access the workflow that I created but I cant seem able to do it.

what am i missing? thanks
rhymes
0
1 year ago
How do I get a repeat element to update when underlying variable is updated (without refreshing)?
The repeat elements I have work as expected when populating directly from API output, but no longer dynamically update when instead using a variable (populated whenever the API is run; done to potentially reduce the number of times the API is called / speed page load times). Other elements that directly use other variables updated similarly update dynamically (ie in text elements) - just not repeat elements.

In the attached screenshot - the slot numbers update dynamically, but not the actual items populated below.

I have set a repeat key - and the elements are currently not a component. Appreciate the help!
Alex
3
1 year ago
Duplicating Workflow for Records in CRM (Supabase)
Anyone have a creative way or just an idea of a workflow to allow my users to duplicated records in their CRM to make data entry/creation faster?

Video for context: https://www.tella.tv/video/streamlining-property-management-with-supabase-1lei
R
23
1 year ago
Checking checkboxes updates in the backend but not the frontend
Hi! I built a checklist. I noticed that while the back-end updates correctly, the visual representation in the checkbox doesn't always reflect these changes. I'm trying to figure out why the checkbox in a row remains checked even when the item it belongs to moves down due to the item sorting. If anyone has insights on this issue & sees what I am overlooking, please let me know!

I have added a video to show what I mean: https://www.loom.com/share/3930db8c89094bb383bd285584e2c583?sid=98a4fdd8-5d33-4e1c-ae66-28358d4117d8

The overall setup is complex as it is an expandable list with expandable items, but I had the same issue before I added the expansion. Also please ignore/forgive the complexity of my app atm - the next item on my list is to change the parts that should be components to components - it is intimidating to take that step though...
Danny
5
1 year ago
Having trouble viewing pages in the editor with nested paths set up
Hi! Hoping someone can help guide me in the right direction. I'm creating a single page app with a nested structure like /path/:path_id/subpath/:subpath_id. I can use logic to show the correct pages according to the path and params. However, I'm having trouble with viewing the pages in the editor when there is no subpath. To be clear, it works fine in the preview with actual data.

For example, if I have something like /teams/123/projects/456 using the test params I see my project detail page in the editor.

However, if I just want to view the teams and have /teams/123 where the subpath and :subpath_id are meant to be null, I don't see anything in the editor because it doesn't match my page.

Is this because there's actually no option to set a path param to null? I can only leave it blank or add a string. Does anyone know if there's a workaround because otherwise I can't view my page in the editor without removing the params and re-adding them any time I need to edit something.

Thanks for your help!!
Kittiphum
6
1 year ago
HTML Block Component doesn't inherit styles
I am using the HTML Block Component to display Rich Text. I want to change the font but it doesn't inherit the styles
Lucas
3
1 year ago
Issue When Cloning a Project in Toddle: How to Recover Lost Images?
Hello, everyone! How are you?

I developed a landing page and uploaded some images directly to Toddle. The problem arose when I cloned the project to another location, and the images didn’t transfer. To make things worse, I deleted the original project.

Is there any way to recover these images? How can I prevent this issue in the future? Is the only solution to upload the images again?

I appreciate any help!
Hanif
0
1 year ago
Unable to render Phosphor icons
Hey guys, I've managed to set up the header script to load the Phosphor icon library. In traditional development, icons should render whenever the appropriate class is applied to an element. However, that doesn't seem to be the case in Toddle Dev. Am I missing something?
Jonathan Fors
2
1 year ago
Unable to specify Supabase magiclink redirect_to url
Basically I've got a request to /auth/v1/magiclink containing redirect_to in the body along with the email, however when clicking the email link it does not redirect to the specified url.

I've been doing some tests and it seems it is defaulting to the url where the request was made from, e.g. if I fill in the sign in form and make the request on myapp .com/login then I am redirected to myapp .com/login and if I do it from myapp .com/another-url i am then redirected to that url.

Anyone able to help with this? For now I've hard-coded the redirect url into my supabase email templates, which works I guess but isn't ideal.
Armand
✅1
6
1 year ago
Search over multiple columns in Supabase freezes tab
I've set up a GET request in the toddle API to search with a string over multiple columns in a Supabase table. And I got it to work, just after playing a bit with the search (changing search string, removing search string, adding new, etc) it always freezes the tab.

This happens on different browsers and also when testing on mobile.

I have set up the autofetch to only be true when the search variable has a size greater or equal to 2.

See below how I've set up the API. I've used the Supabase docs to figure out how to query parameters and the fact that I get correct results when I do a search makes me think the issue is not there.
Kittiphum
26
1 year ago
Input value is shown as input field in Xano on some network
Hi there,

My client told me about some cases where some of his customers could not sign up as long as they are in a wifi network. As soon as they disconnect and use mobile data it works. After investigating i found out that the password value of the sign up form is submitted to xano as a input field instead of an input value.

Help is very much appreciated!
Andy Putilin
✅1
3
1 year ago
Displaying Xano Database references not as ID's
Hello!

I am working on a project that involves displaying vehicle information from a Xano database. The vehicle database contains a driver ID, but I want to show the driver's name instead. I have both the vehicle database and a separate drivers API connected in Toddle.

My question is how to display the driver's name instead of just the ID when showing vehicle information.

I was considering two approaches:
1. Modifying the API query to join the vehicle and driver data.
2. Using a Toddle formula on the next itself to reference both the vehicle database and the drivers API to match the driver ID with the corresponding name.

I was not able to figure out how to do either of these.

Some help or a nudge to the right resource would be awsome! I'm new to this so not sure how to even word this when looking for a solution.

Thank you!
PandaBearMe
51
1 year ago
How do you make a button change the screen? (not going to an external url)
I'm curious how I can use buttons to change the div it's showing in my application, but I only see tutorials for how to make buttons go to a link.
unicodes
3
1 year ago
How to update page and param in the same time?
I have a page and a parameter that I want to update at the same time. Otherwise, when pressing 'Go Back' to browse, it doesn’t return to the last page but instead keeps the order of setting up the page and parameter. I don’t want to use 'goTo' because it reloads the entire website, which isn’t a viable solution for me as it reloads all the APIs.
FeRojas
0
1 year ago
Help with dynamic routing
Im building a page with dynamic routing that use two path parameters but Im having problem with the fetching of the data for render the page. Sometimes work... sometimes not. Anyone have any advise for dynamic routing best practices?
Stefan
3
1 year ago
Best way to make a permanent redirect
I want to redirect from an "old" url where I want to change the url structure to a new one.
Currently I made a "redirect page" to catch this urls and then use a go to action on load event to redirect to the new url(s).

But in this case those requests are all client side and use 200 status code. Is there a way to make 301 redirects?

This is what I want to solve:
All incoming requests to /blogpost/{slug}
should go to /blog/{slug}
codenitrr
2
1 year ago
Parantheses
Can anyone help me on my way with slightly more difficult mathematical formulas? Now I use custom javascript actions for that, but I think this is not always necessary. I'm talking about situations where I need to use parentheses.

For example:
(3 + 2) × 4 = 20
3 + 2 × 4 = 11

Can't really find anything about it in the documentation
Alex
16
1 year ago
Item Data Not Showing? (BUG?)
Hey , I'm struggling to figure out why my Item Data in the Formula Editor just isn't showing anymore, I've recorded a quick video to showcase. It used to work like yesterday and now I can't get it to show up... It's an issue I'm seeing in multiple parts of my app with the Item data not loading. I found if I copy and paste the Item Node from another formula where it is still working, then it works, but the moment I edit it... vanishes.

Is this common? Really need a fix asap.

https://www.tella.tv/video/item-data-not-showing-cvus
FeRojas
2
1 year ago
Publish/block page dinamically
Hi! Im using supabase for data source for a dynamic page. How can I make some items "publish" and some item blocked using a boolean field of the item?

I already make it redirect with a workflow on load, but I was wondering if there is a configuration to not even allow the loading of the page.
unicodes
41
1 year ago
Quill Editor ignore bullet points.
I'm using quill editor and is very nice, but it ignore bullet points on loading data from database. I tried to add data in "Content" attribute and it continue to ignore bullet points. Is there someone that can help me figure out why is not considering bullet points?

I'm talking about the Quill Package.

Thank you!
unicodes
👀1
0
1 year ago
How do you test things in supabase without branching?
Supabase Branching requires a premium account, which I will add as soon as it makes sense to buy one. However, at this stage, I would like to have something similar to branching or a way to test things without messing up the data and functions that should always be available to users. What do you use?
Janis
50
1 year ago
Apex domain and www redirect
I successfully setup my domain and it is available at like https://myapp.com. However, www.myapp.com doesn't work and i get a misdirected request error. I am using IONOS as my domain registrar but I'm not sure how to do the forwarding from www. to the apex domain. I used an A record for the apex entry.
Jonathan Fors
5
1 year ago
Cookie extention not really working.
I am working with authentication for my application and as I understand it I'm supposed to use the toddle browser extention. I've got this installed and it used to (sometimes) work but now it is just completely broken.

Basically I'm unable to test api requests or any logic directly in toddle if it uses a cookie, which is pretty annoying. I'm making progress by testing with the branch staging link and adjusting in toddle, but it's not ideal of course.

What can I do to get the extention working again? I've tried reinstalling it, logging in/out of toddle, clear cache, clear cookies.
NicoAllgood
11
1 year ago
Updating text with variables
Can I update text on page using the first_name variable which has been set from data pulled from an API call?

I think I read that this is how it works, but it doesn't seem to work for me... any ideas?
NoCode ProCode
7
1 year ago
Toddle is broken! I can't delete events.
unicodes
9
1 year ago
What do you use for adding google tag in your project?
I'm looking to add google tag for analytics or other services like facebook pixels.
Read here that there is Pixel and someone tried to add the script in the assets but doesn't work.

What do you use?
vickyvk
👍1
3
1 year ago
Bug Bounty
Hello

Do you have a bug bounty program for your website?

Thanks
unicodes
5
1 year ago
Error 504 after domain update.
The new domain is active and loads correctly, but I cannot log in or sign up. I receive a 504 error when signing up and a 404 error when logging in. Logging in works from the Toddle URL, but signing up does not. Do you know how to fix this? Thank you.
unicodes
0
1 year ago
Realtime vs call the API every x minutes (Supabase, Notifications)
I was considering calling the API every x minutes but this takes a lot of requests.
What do you use for app notifications?
Danny
5
1 year ago
Set path param from within nested component
Should I be able to set a page param from within a nested component (e.g. a navigation sidebar)? I'm pretty sure I used to see the URL actions, but nothing is showing unless I'm on the top level page component.
A-Chivas
0
1 year ago
Move components between project with styling
Faced an issue while migrating components from 1 site to another how do I change the colour as per the new theme?
A-Chivas
3
1 year ago
Web embed design and dimension
Anytips on how to design components for the web embed, I am creating a form, and thinking what would be the best way to make it responsive and in such a way that the user of the component can control the dimensions with the parent div on the page it is embedded
PandaBearMe
16
1 year ago
Best way to move objects on the screen?
I have a habit of trying to drag elements on the screen but so far I've only been able to manipulate positioning with the X and Y's under placement. Is this the best way? It feels really slow when I have to move several elements on the screen.
A-Chivas
8
1 year ago
dont know why I can see these lines here on the screen, not part of the design..
Iwooo
4
1 year ago
Extracting Object Data via Find.
I'm trying to get an Object data from Array. I'm looking for an Object with exact value in "Name" key. Find function should do the job, but I'm not sure how to set it up properly it seems 😄 What am I doing wrong?

The output is always first object of an Arrray - not third (I'm using name of third object for a test (JN1-Item3)).
Janis
7
1 year ago
Popover API: Input fields on mobile/ touch
I have a popover in my app using the popover api. This popover has an input field where users can enter links. It works fine on desktop, but it doesnt work on mobile. I believe it has to do with the focus state but i cant figure out how to do it on mobile/ touch. Does anyone have an idea how to solve it?
asad
1
1 year ago
Supabase column search
how can i search for a record based on a column in supabase using the api query parameters in toddle. i’m using pagination and only get 10 records at a time and need a solution that works with pagination
mohameddk_
✅1
4
1 year ago
Does toddle have rich
Hi i just came across toddle and it may be a good fit for my project.

Does toddle provide any way to add a rich text editor? And a way to display “raw rich text” into actual richtext?
Eduardo
9
1 year ago
If I accidentally delete a project, is it possible to recover it?
Seun Orofin
13
1 year ago
Move project from one organization to another
I am trying to move a project from one organization to another within the same account
ssssadsadasd
2
1 year ago
Scroll down vs. scroll up event
When I scroll up I want to hide a group, when I scroll down I want to show the group.
the "scroll" events seem to not do the trick.
is this possible in toddle?

thanks
Dynamiko
2
1 year ago
menu
Good morning everyone, is it possible that for a novice like me, despite the documentation being quite exhaustive, I can't understand how to create two different menus, i.e. a standard menu for the desktop version and a burger menu for the mobile version? Thanks in advance
Jerry
✅1
4
1 year ago
Question about Spark; how do I toggle the loading on?
Hey! I'm playing around with Spark and some things are clear but some are not. One of these things is the button that has a loading attribute that you can set to true and that it will show the loading animation. But how do I set it to loading? I tried passing down attributes but that doesn't work.
Jay | DRAGXN
20
1 year ago
Authentication and Restricting Access to Users
Hi all, I'm curious about how you all handle authentication and access control (e.g., restricting pages for specific user roles/groups) in Toddle.

What’s your preferred approach for managing user access? Do you rely on an app provider component, custom actions, or something else?

If anyone has experience integrating Supabase for this, I'd love to hear your insights!

Thanks in advance!
MartinF
14
1 year ago
Adding a class dynamically to an element
I'm trying to use the phospher icon library to add icons to nav elements. Its working well until i try to add the class dynamically based on the value in the component attribute. Adding an attribute called class and then adding it with a formula works (correct icon rendered) but stops any of the styling from being applied.

What the best way to handle this?
A-Chivas
161
1 year ago
Super laggy
Jerome
1
1 year ago
Search input help
Hey working on itunes search video

- Changed parsing to JSON so that the data would appear
- Added search variable as seen in video and binded variable
- Added search input and setup attributes as seen in video, autofocus, value etc..

Data disappeared and search doesn't work when I preview
pedrocaldo
10
1 year ago
How to send xano user id through toddle
Hello!

I've created some DBs in Xano and their respective endpoints.

I would like to show the content based on the authenticated user ID. I made the custom query in Xano, but I don't know which header I need to send and with which information to have access granted.

I've tried with the authToken, but it didn't work. It keeps giving access_denied.
mdxwired
8
1 year ago
SSL on but still shows as 'not secure'
Hi all. I just hooked up my first custom domain for a small (quick and dirty) site that I am prototyping (www.ggrx.io) and the SSL does not seem to be working quite right. The CNAME is going to the right place, as is the main domain redirect to www... but still I get the attached certificate detail.
Leon Marseglia
33
1 year ago
anyone know how to use intersection observer in a component in a custom event
anyone know how to use intersection observer in a component in a custom event and then getting the event to output and update a variable?

I'm trying to update a variable when this is triggered but i don't see how i can update the variable as i would need an event on something to then be able to get the response right?
Funktionalized
0
1 year ago
Having issues with WebContainer iframe CSP in Toddle
I'm implementing WebContainers.io in my Toddle app and encountering CSP-related issues. I have a Cloudflare Worker that sets the required security headers, which works in other environments but not in Toddle.

Error messages indicate CSP blocks:
- Inline scripts (needs 'unsafe-inline' or hash)
- External scripts from WebContainer domains
- Default-src is set to 'none'

Is this a Toddle-specific limitation? Are there any known workarounds for using WebContainer within Toddle's environment?
hitman123
✅1
12
1 year ago
Counter error
Hi everyone just trying out toddle here, How do I make the counter increase on each button click, what am i doing wrong here,
RobertG
8
1 year ago
Supabase authorization with services
Can you use the new Services feature to do Supabase authentication APIs? When I connect my Supabase to the project and look at the list of endpoints I see them for the tables I create, but not for authentication like you do with Xano.
R
4
1 year ago
Login/auth/me not working in toddle when adding "NOW" as a date in the Body
I am trying to amend the login so it records the last date a user was logged in. The login works and has worked for a while now - following the tutorial on Xano*Toddle from YT.

I updated the auth/login in Xano so it accepts a date, and it works perfectly in Xano. In addition to returning the auth token, it patches the user record with the current date.

However in toddle, the reponse is odd: when I click on the '▷' sign in the API editor when including NOW in the body as 'login_time', nothing happens. The API call is logged in Xano as successful and is showing an auth token in Xano. But in toddle it does not show up. It changes from Loading: false to Loading: true and back for 1 second. Within this time, the auth token shows up in the editor in toddle but vanishes again (more like flickering than actually showing up). This new login also does not work in preview.

To debug, I copied the login API call in toddle and removed the login time again from the body. This still works and returns the auth token. Am I overlooking something with the 'Now' formula that affects this?

Can't post many pictures as it is all auth related, but thus is the part of the formula I use for the datetime.
Lee Russel
1
1 year ago
Domain Setup
Hi I am trying to set up a custom domain with an A record. We seem to have got so far but now NameCheap is wanting us to set up SSL. We are utterly confused by what it is asking for and I am wondering if Toddle handles SSL for us and we need to just delete this option from hosting?

This is a screenshot of the help they have:

Please advise!
unicodes
20
1 year ago
What is wrong with equals?
I'm expecting to get false not the first value. Converted to number and doesn't change anything.
RobertG
17
1 year ago
Best solution for allowing profile pics?
I'd like the user to be able to upload a profile pic. Other threads have mentioned headless CRM solutions, but that seems like overkill. The AI has a few different suggestions for storing images, but I'm not certain which is best for that use case. What would you recommend as a simple way of allowing user profile pics?
A-Chivas
2
1 year ago
do page redirects dont work on embed success event?
do page redirects dont work on event inside a component which is being used like an embed
Edwin Paul
7
1 year ago
Toddle formula "Branch Name" isn't evaluated server side
I want some components only to be visible in preview sites.
Sakamoto
0
1 year ago
Setting up a reverse-proxy integration with Weglot
Hi, I'm trying to setup Weglot using subdirectories integration. I'm working with the Weglot team but stuck on a redirect loop. They ask me to pass this to Toddle team.

On your side, would it be possible to reach out to Toddle's support for more information regarding setting up a reverse-proxy integration, as described in our documentation?
You can provide them with these articles from our documentation
—> https://weglot.com/technical-presentation/
—> [How do I set up my DNS?](https://support.weglot.com/article/274-how-do-i-set-up-my-dns)

They might provide insight regarding the feasability of the subdirectories integration.
unicodes
0
1 year ago
Does replace all supports removing between?
I tried many popular ways to remove between in the replace all it self but nothing is working. Does replace all supports it?
I did a custom function for this in js code, but if replace can handle this then I would prefer to use it.
Thank you!
Raphael Walters
7
1 year ago
Unexpected response when double-clicking on elements
Hey Everyone! For the past few days, I have experienced an inconsistent issue with double-clicking elements in an HTML tree, where some elements open reliably while others require multiple attempts or a combination of single and double clicks to respond. I have tried different clicking speeds and even replaced my mouse with a new one, but the problem persists. Is this specific to my setup, or something others are experiencing? In the video below, I show the erratic behaviour, with a pronounced example at around the 1:30 min mark. Would love to hear your thoughts. https://www.tella.tv/video/erratic-double-clicking-32xp
unicodes
58
1 year ago
do you use the table auth.users in supabase?
I don't know if I made a mistake, but for me, Supabase was new, as was the concept of "public." that Supabase has. I didn't use the auth.users table, and because of this, I cannot use RLS (where only authenticated users can add content). Moving everything from the table I created (users) to auth.users will take a few days (not content but connections, foreign keys, queries, etc.). From the most experienced among you, I would like to understand what I am losing by not doing so.
rhymes
✅1
2
1 year ago
Subscription Payment Help
Hey there! I ran into some problems trying to complete payment and am now stuck in limbo on my account - with a voided stripe invoice and no way of restarting the checkout process. Who should I DM to get some support on this? Much appreciated, looking forward to startup plan goodness! 🙂
unicodes
14
1 year ago
how to reload component info from Attributes?
I have two components at the same level (like Cities and Countries). I need to refresh the Cities content based on the selected Country. Cities and Countries are two separate components with external variables (passing information using Attributes and Events to facilitate usage across different pages).

Even when selecting a new Country and deleting the selectedCity variable content, the visible value doesn't change. Even though I have set "On Attribute Change" inside the component to pass the value from the Attribute to the internal variable again, it still doesn't update. However, if I hide and show the component, it works; otherwise, it doesn’t.

I'm more than 100% sure that the value is deleted as expected, but I can't understand why it isn't taking the new value from the input again.
BenajaEphrath
0
1 year ago
Different Supabase Instance
Jerome
2
1 year ago
Day 2: itunes search tool URL acting weird
Sorry if this is a silly question but this URL is not giving the same output as it shows in the tutorial.

Not sure how to drill into this data when it does as shown in the screenshot.
tristanbh
5
1 year ago
show more toggle on a repeat section
Hi all, I have a grid of repeating cards and would like each card to have a toggle to expand the info on each. I have the button working but it show/hides the info on all cards not just the card button thats clicked. I have a repeat key set up on the parent section already, do I need something similar for the div I am trying to show/hide? This is my first project in toddle, I've got a lot to learn but I have been very impressed with it so far.
Vizualinx
3
1 year ago
Main Class on page/component
I have components that a lot of elements need the same class (condition).
Is there a way I can just create a class once and not have to redo it for each element?

(I know I can create one formula she reuse it for every class, but i will still have to create a class for every element)
Kleveland Bishop
12
1 year ago
copy/paste component not working
could be me but im not able to paste any components into my project. regular elements work fine. any help? thanks!
Alex
5
1 year ago
Session timeout setting
Hey everyone, I’m using Supabase for Auth and my customers are experiencing a session timeout where they are being logged out but still able to use the front end, which causes them to not be able to create new updates etc because they’re not authenticated.

How can I set the session to 24 hours or just unlimited?
Amiel Dylan
✅1
25
1 year ago
Accent Removal
Hello toddle community.
I would like to design a function that does the following: removeAccents = (str) => {
return str
.replace(/[àáâãäå]/g, 'a')
.replace(/[èéêë]/g, 'e')
.replace(/[ìíîï]/g, 'i')
.replace(/[òóôõö]/g, 'o')
.replace(/[ùúûü]/g, 'u')
.replace(/[ýÿ]/g, 'y')
.replace(/[ñ]/g, 'n')
.replace(/[ç]/g, 'c');
};
But this is impossible without the use of several nested “ReplaceAll”. Do you have any suggestions? Thank you!
Danny
9
1 year ago
Is there a way to check out a previous version without rolling back?
I'd like to understand some of the changes I made from a previous version (2 versions ago), but I don't want to permanently roll back and lose the changes in the past two versions. Is that possible?
Vizualinx
8
1 year ago
Retrieve row id from supabase
i'm trying to get back the id of a row when creating it by using return representation, for some reason i can't see the response (i'm trying to save it to a variable and show it in the text element). when i am doing auto fetch i am able to get the response but of course that is hammering supabase.
it looks like the api is reloading after sending the data to supabase and setting the variable to null.
Christiaan
4
1 year ago
Developer seat for admin/billing user
I have a developer I'd like to work on projects. I only want to log in to add billing info and check on payments later. Does this mean I need 2 developer seats? I didn't find any other way to get 2 accounts invited into an organization.
Christiaan
26
1 year ago
How do I use 100vh on an element when I'm developing?
If I stretch the viewport to auto-fit and set an element to 100vh then it takes up the entire viewport and everything below it is pushed to the bottom. If I change the viewport to something reasonable like 1920x1080 then viewport is a rectangle that only show the top but nothing below it.

How do I do this exactly?
Luca Heck
2
1 year ago
How can I apply a hover effect to multiple elements in a card in Toddle?
Hello everyone,
I would like to create a card in Toddle in which several elements within the card receive their own hover effect when hovering over the entire card.
For example, an image should enlarge and the text should change color when the card is hovered.
Is it possible to implement this nativ in Toddle? If so, how?

Thank you very much!
Christiaan
35
1 year ago
Change theme variables based on viewport size
I'm working on a responsve design. My headings all use REM but they are too big on small phones. I'd like to change them based on the viewport size (media query) . Is that possible?

Is the only way to currently do it by adding a custom media query Style on each heading element?
ssssadsadasd
9
1 year ago
popover api... dropdown that automatically updates to parent's width/position and page width
I am not sure I understand this article on popover api [here](https://blog.nordcraft.com/no-more-dreadful-dropdowns-long-live-popover).
it starts with the dropdown explanation (which is my objective). however, the youtube video only implements it such that the dropdown is shown only relative to the page. and the comment in the youtube video mentions that "the W3C is currently working on a spec for anchor positioning, where it will be possible to position the popover realtive to an other element on screen" which I guess means that this is not supposed for dropodowns yet???

another point is that it would be very helpful if in future videos you also have a link to the implementation explained.

finally: what is the best way to build a dropdown that automatically updated to parent's width/position and page width?

thanks
ssssadsadasd
10
1 year ago
not sure, but condition on api parameter seems not to work?
I have an api with a boolean input (see pic1). on event = success of the api call, I have a switch based on that input (see pic2).
however, it seems the input is always valued as not true.

even in you set the default value as = true in the editor, the value in the switch is undefined.

thank you.
unicodes
8
1 year ago
I need your help to understand this
In many tutorials, I have seen this solution being used to show or hide content based on whether there is information in an API output.

At first glance, it seems like it should return false, but it doesn’t because the console log contains nothing. It’s not a space or any visible character—it’s something that has a "size" of zero but evaluates as true in a boolean context.

I was looking for a quick solution to show and hide content, and the only approach I found was: API output > size > greater than 0. However, this isn’t perfect because it takes a fraction of a second to compute, causing unintended elements to briefly appear.

Another approach I found was setting a default value of false for everything and updating it to true on load if the value exists. But this results in unnecessary variables in the app.

What method do you use to show or hide content based on API output?
PeterShaw
3
1 year ago
isempty node?
Toddle AI recommends using the isempty node in order to show a div only if a API is empty but I cannot find the node. Any idea how to solve it?
Jehex
6
1 year ago
Set URL parameter action doesnt appear
Hi, Im looking to reset/remove the current query parameters of my url ( whenever where I am, main page or component ) According to the AI chat, Im supposed to set a set url parameter action and reset by set it to null but the issue is that this action just not showing, I dont know if it's a bug or if this function simply not exist, if this function not exist : how reset a query parameter :/ ? Thanks
Jay | DRAGXN
7
1 year ago
Twilio OpenAPI Spec
I'm trying to add the Twilio service and I found this JSON spec file: https://raw.githubusercontent.com/twilio/twilio-oai/refs/heads/main/spec/json/twilio_api_v2010.json

With the base URL being: https://api.twilio.com/2010-04-01
From: https://www.twilio.com/docs/iam/api

But when I place it in Toddle there's a connection error. Does anyone know what I'm doing incorrectly?
marcoGu
5
1 year ago
Day 2: iTunes search tool
When I attach the Formula to the li element I've a weird output that is not the same of the video tutorial anyone can help? thank you
Shrink Studio
3
1 year ago
Multi Step Form
Hey, I'm building a multi-step form in Toddle but I seem to be failing at the first hurdle. On the first screen of the form we have a vehicle registration input. This needs to ping a an API URL to return vehicle registration details. At the moment though I'm struggling to even get it to search for a vehicle registration in the api call without manually entering it in the API settings. Looking for someone to help as this is pretty time sensitive and need an assist! Thanks so much
Leon Marseglia
45
1 year ago
Auth token not being picked up in auth/me in toddle editor
Anyone else not being able to set session cookie auth token?

I could yesterday but now it is not working (in the toddle app). On the preview page it seems to work but i need it working in toddle so i can use the data on the api request. I've checked xano and it appears when it calls the auth/me it just provides an empty string. Not sure why?

Tried uninstalling and reinstalling the toddle chrome extension but still no luck.
⚡Joe
6
1 year ago
Any way to add a .well-known directory when the domain is mapped to toddle?
For verification with a third party we need to add a .well-known folder and drop a json file in there, issue is it has to be on a domain mapped to toddle, would there be any way to do this? Thanks!
Raphael Walters
0
1 year ago
Problems updating values via context
Nikita Repetun
✅1
18
1 year ago
Multi-language support
I need to create a multi-language product. Is there a way how to do that using Toddle?
benjabievres
6
1 year ago
Passing API call results to a Component
Hello, I'm building a component that requires data coming from an API call (an Array of items). I want to call once the API when page loads, and then pass its response to the component.
I tried with Attributes and with Context variables, but none allow me to see the structure of the data so that I can build my UI.
Is there a way to show the data coming from the API response in my context?
Thanks
Luca Heck
4
1 year ago
Xano API optimization: How do I avoid unnecessary requests with 100,000 page views in Toddle?
Hello everyone! Maybe someone can help me with my question - I would be very grateful again:

I have connected Xano and load data for my events via the API. We already have 30,000 page views per month on our current live site. We expect the new Toddle site to quickly have over 100,000 page views.

I am now interested in how I can optimize the API requests in order to improve performance and avoid placing an unnecessary load on Xano. It would be enough for me if the events were updated once a day in the frontend. Theoretically, the API does not have to be requested with every page view... that's my amateur thinking haha

There are a few other API requests that I would also only need to update once a day. Does it matter with the 100,000 page views because the number of views is not significant? Or are there ways to store the data “statically” in Toddle. I'm not familiar enough with this because Toddle renders on the server side.
unicodes
9
1 year ago
How to limit access to a page?
If you introduce a new page to your website, is there a way to restrict access to that specific page?
I'm not referring to hiding or showing the page content, but rather something like an API redirect that redirects to a 404 page.
Thank you!
Lee Russel
6
1 year ago
Custom Domain
Hi I have been having a hell of a time trying to add a custom domain to Toddle via GoDaddy. Toddle thinks everything is okay but I get a Site could not be reach error. I only added a CName Record. In the video on the domains screen it talks about adding a TXT record as well but I never get prompted with what that should be in the UI.

Has anyone experience similar issues with GoDaddy? Should I be using an A record instead?
nikothekid
✅1
22
1 year ago
Need help with Toddle + Xano Authentication.
I have an issue when trying to access the auth/me endpoint from Xano, it is giving me an invalid token error. On the log in page, i have everything set up and once I test the login, i get an auth token which is then stored in the session cookie. Can anybody help me out on why am i getting this error from auth/me?
Yasir Khan
0
1 year ago
I wan to use Login / sign up with google. How can i do that in directus/toddle
.
Abhishek Sahni (Abhi)
✅1
7
1 year ago
supabase auth with provider
Hi,

I am using Supbase as a db and the Authentication. For the Auth part I would like to use login with linkedin.

I created a button and added an onclick event to link to https://<my_url>.supabase.co/auth/v1/authorize?provider=linkedin_oidc&redirect_to=https://<my_url>.supabase.co/auth/v1/callback. When I click on the button I am redirected to the linkedin login page and once I sign in an account is created in the users table in my supabase DB.

Questions:
1. Once the user successfully logins in with Supabase they are redirected to http://localhost:3000/#access_token=<XXXXXXX>. How do I bring the user back to the toddle app?
2. How do I extract the access_token from the call back url?
3. Is adding this as an API the recommended approach? Based on the tutorials it is easier to extract the access token from the API response

Thank you
unicodes
✅1
0
1 year ago
Have you ever experienced scroll freezing on your website's (mobile)?
I'm building a website, and on two different devices and in two different browsers, I'm experiencing scroll freezing. This means I can't scroll unless I try multiple times. (I don't have any JavaScript; it's all vanilla Toddle.)
Godwin
✅1
9
1 year ago
Need help in outputting data from Xano API
Hello toddlers! I have this weird issue that my Xano API returns data and it loads in the toddle editor but it doesn't load in the browser.
When I check the network tab in chrome, I see my responses and data there but when I log it to the console, it returns null.
It's weird and frustrating because I'm not the only one working on this and we are both frustrated because we don't know what the problem might be. Any help provided will be appreciated.
Jehex
0
1 year ago
Get elements of an object array from a context variable ?
Hi there, is it possible to get elements from a " context object array " inside a child component or I have to stock each elements into a unique context variable for share it with my childs components ?
Luca Heck
3
1 year ago
Problem when editing a component from an installed package
Hello support team,

I tried to edit a component from an installed package, but encountered a problem.
1. i installed the package with the accordion component and wanted to customize the included structure.
2. i noticed that installed packages cannot be edited directly (e.g. by double-clicking on the component).
3. therefore I cloned the package in order to copy the desired component into my main project.
4. copying the component from the cloned package into my main project worked, but I still cannot open or edit it - it appears empty.

My questions:
- Is this behavior normal?
- Is there any way I can customize components from an installed package myself or am I limited to working with the package defaults only?

Thank you very much for your support!

Best regards
Luca
Raphael Walters
26
1 year ago
Problems accessing formula via context
Hey everyone. I am having problems accessing a parent formula via context. Can anyone shed any light on what I might be doing wrong? Thanks. https://www.tella.tv/video/accessing-state-across-components-2e6y
unicodes
3
1 year ago
selecting children on parent hover (style)
is possible in toddle to select children on parent hover event (or other events) without using style sheet? I want to add style to children too on parent event, but like in CSS.
Platon777
2
1 year ago
Cannot get the auth me of Xano working after saving to session cookies
Who can help me figure it out how to make it Working
Christiaan
3
1 year ago
Recommended way to invite freelancer
I have a design in Figma that I want a freelancer to implement in Toddle. What is the normal way to do this? I could add this person to the project (at seat cost, but no problem for a short while) but this person then gets access to all other projects too. Can I add someone to a specific project or even branch?
PeterShaw
6
1 year ago
add cookie consent tool
Hi all, I want to add a cookie consent tool via script but somehow it doesnt show the banner when reloading the page.

I tried pasting the code into the content field as well as adding the content as attributes.
ssssadsadasd
14
1 year ago
Can anyone call my supabase function?
I have a toddle api that calls a supabase edge function. The authorization is simply the supabase apikey which is public. does this mean that anyone (authenticated or not) can call this function? thanks
Spaumx
3
1 year ago
Telegram Mini Apps
Is such support planned? Or can I install a custom library like this one? https://www.npmjs.com/package/@telegram-apps/sdk
Pascal
63
1 year ago
Local Storage on Page Load is PAIN
I'm repeatedly trying to build a dark/light mode, and the only reliable way is to do it with fomula based colors and a local storage based dark/light mode
Query Parameters and URL parameters did not reliably work at all.
however, the page really builds only after the first 1 second, until all formulas seem to be unpacked and the local storage is read.
I guess this is due to toddles core engine.
In the video, darkmode is per default "true" and a potential lightmode will be read from the local storage
This causes the flashing in the first second.
needtheanswers
4
1 year ago
toddle paid plan - pause the subscription
Hi,
I´ve upgraded to the toddle startup plan on the 7th of january. I actually wanted to pause my subscription but wasn’t able to do so, so I have now downgraded to the free plan. Is it even possible to pause the subscription? Also, what happens to my remaining two days on the Startup plan? Thanks Team toddle
PeterShaw
2
1 year ago
page breaks using html2pdf
I use html2pdf to generate pdfs from an element. The element contains 4 sub-elements and I want every sub-element to be on a single page when exported. Can I add a page break after every sub-element in toddle?

@Matthewcc Great package. Maybe you can help 🙂
ssssadsadasd
✅1
17
1 year ago
Use data from api
I have an api named "stripe_api" that creates a stripe customer.
This call returns this json (see attached image).
On success, I want to make a Patch call to my Supabase to edit the stripe_customer_key field. How can I extract the stripe_api.data.id value as an input for the subsequent call (the supabase one)?

I tried using dot notation stripe_api.data.id but it evaluates to text and it does not extract the value.

thanks
benjabievres
8
1 year ago
Multiple pages with same containers
Hello, I would like to build a webapp that contains a common containing div (with a header, a footer with icons that let me switch between pages). Each page would be displayed in the main area (between the header and footer), and pages could share common variables.

For this, I think of 3 options, but I don't know which is best:

1- create a very big and unique page with a lot of nested "divs" that I show/hide according to the icon user clicks in the footer
2- create a big and unique page, but use Toddle Components so that each "sub-page" can be designed separately (in that case, I would share common variable through component inputs)
3- create separate pages, and have one Main page with an iFrame that loads the other pages according to the icons in the footer the user clicks

According to you, what would be the best way to make the webapp easier to build and maintain? Do you have any other suggestion? Are there official best practices?

Thanks!
Benjamin
Jehex
5
1 year ago
Getting wrong auth token
Hi there, quick question about xano, my auth/login ( who receive the correct inputs ) return me an auth token that is not recognized by auth/me ( cannot find the user link to the id of the auth token ) what's can be the cause of this ?

Sone infos :
- id is adding the creation of the token Auth token
- Cookie are setup correctly and received the auth token
- db Auth is enable on auth/me

Probably an obvious reason / stupid mistake from me but Im not again super confortable with the auth process 😦
Kai
5
1 year ago
Quill - dynamic size filling space between header and footer
hey there! I am building a mobile first page for editing a simple html text. I am using the quill package. I tried for 2 h now to make it happen that the editor is using the space available between header and footer.
It seems, the quill editor is allways taking too much room vertically. I tried so man things but I can't get it run. Tried to wrap the editor in a div. and so on. Can anyone help please 😉
Thanks in advance.
needtheanswers
14
1 year ago
"Run formula" - what is that?
What is it that the AI is suggesting here? (No. 5) I don´t get it - there is no such thing as "run formula" is there? I only know custom actions but when I asked the AI if it meant custom actions it said no. Thanks in advance
MartinF
0
1 year ago
Any way to have an empty value in an attribute test value?
For testing it would be really helpful to have undefined or null in a test value. Leaving it empty results in an empty string which messes up some of my formula.
Abhishek Sahni (Abhi)
4
1 year ago
Responsive main content
Hi,

I have a question regarding responsive layouts. I am building a landing page where I have some text and an image in the main section. I have tried to follow the responsive design principles outlined here : https://blog.nordcraft.com/how-toddle-thinks-about-responsive-design

I am using rem to size my text and am using a max width of 40% for the image. This works well for the laptop view but it starts to break when I switch to tablet or mobile.

For the tablet view, the text does not resize to the device and overflows behind the image and for mobile the font size is too big and overflowing outside the viewport and the image is too small. I have attached screenshots of the main content for all screen sizes.

Any suggestions on what might be happening here?
Alex
8
1 year ago
Data Vanishing in my Toddle App...
Please watch this video: https://www.tella.tv/video/mysterious-vanishing-units-3xpy

Data is being called from supabase, it seems to be successfully calling, but then they vanish a second later... In the toddle editor, they show. But int he preview URL or the live app, the customer or myself can't seem to keep the data there...

Any help?
codenitrr
2
1 year ago
Visual node-based canvas
Hi everyone! I’m looking to build a visual, node-based (flowchart-like) editor in Toddle—something along the lines of React Flow’s free-form canvas https://reactflow.dev/. Is there an existing package or a recommended approach for this within Toddle? Would love to hear about any solutions. Thanks in advance!
Jehex
3
1 year ago
Close modal popup div when click outside of it ( without popover )
Hi there, Im a bit stuck on this " classic " feature about my popup, unfortunately I ended too add some html elements ( like a hidden div who cover all the screen ) or some JS, I cannot use popover for my situation also :/ Is they're " clean " way to implement this basic action ?
Jay | DRAGXN
3
1 year ago
Domains with Namecheap
I've really been trying but I just can't figure this out. I'm trying to get www to redirect to apex domain.

I added my domain to Toddle.dev, added the A tag in Namecheap. I added a URL Redirect from www to https://domain[.]com this doesn't work because www doesn't have SSL, I think.

Added both apex and www to Toddle and added the CNAME, now both work.

But I can't get www to point to the apex even with 301 redirect.

Wasn't sure what pictures to include so if you need screenshots just let me know of what. Would appreciate any help..
Luca_
1
1 year ago
Dot Notation at Set Formula
Hi guys,

why is the path here not working ?
unicodes
10
1 year ago
search in multiple columns using CURL
Previously, I used to build separate functions for every query, but now I find CURL sufficient for everything. My biggest challenge is searching for a term across multiple columns. Is that possible? Like I have in input a value and I want to know if that value is title, is name, is a description or a date in a specific table. Apreciate your help for all my learning path! Thank you!
Rei
7
1 year ago
Adobe Font Support?
Hello Toddle Community 👋
I'm trying to add Adobe Fonts based on the [documentation](https://docs.nordcraft.com).

Since I don't see my fonts registered under Theme > Fonts nor do I see them in the text UI, I would like to ask if Adobe fonts are even supported?

If so, could someone please give further instruction in how to add adobe fonts?
Luca Heck
17
1 year ago
Best Approaches for Implementing Scroll-View JavaScript Animations in Toddle
Hi everyone,

I recently transitioned from Webflow, where implementing designs and animations was quite straightforward. Now, I’m working with Toddle and trying to recreate the following animation: https://fitonist-app.webflow.io/#exercises.
My goal is to implement a scroll-view animation where an element transforms based on its position in the viewport (e.g., translating from 0 to 100vh).

I’m struggling to find the best approach for implementing JavaScript animations in Toddle—especially how to structure the code in a clean and reusable way so that other developers joining the project in the future can easily understand the logic behind it.

What are the best practices for integrating JavaScript into Toddle for (scroll-based) animations? I’d really appreciate any insights or guidance on this.

Thanks guys!
unicodes
4
1 year ago
how external resources works
I want to preload quill in order to load it faster in the pages. I have to paste the (src="") in content, or creating a new attribute src and in content just pasting the URL?
unicodes
12
1 year ago
toddle dynamic path
I have two pages: one named 'Company' and the other named 'User.' If I set the same first path param on both pages (like "profile") (both pages has the path like in this screen.), how does Toddle know whether to navigate to the 'Company' page or the 'User' page? Since both pages use the same parameter value, how is the distinction made? Like company page has first path = profile and user page has the first path = profile. Thank you! 🙏
Jehex
0
1 year ago
Transition on element having gradient background
Hi there, trying to add transition ( into default class ) of one of my button for a smooth hover, each class default and hover have a gradient background color ( considered as image for toddle ) and the transition seems to be ignored, would like to know if theses 2 custom css can be the issue and if yes, what's can be the fix, Thanks!
jackson
18
1 year ago
Designing below the fold
I'm almost embarrassed to ask this but how do you design below the fold and see the elements you're editing? When I scroll, it scrolls on the canvas, not the screen. I can change the screen size but that changes the how the elements are aligned. I attached a screenshot where it cuts off at the fold. Thanks for any help!
Ben H
1
1 year 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).
esclarecido
15
1 year ago
Can't install packages
When I try install a package somethig goes wrong and package not install.
Ben H
1
1 year 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
1 year ago
@channel -- we built an app using toddle and get this screen now. We have been
Square Guard
2
1 year ago
how to use api (backend in xano)
im just new to toddle, i dont know many things
Lucvs
2
1 year 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
1 year 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://editor.nordcraft.com/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
1 year 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
1 year 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
1 year 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
1 year 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
1 year 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?
Mr
5
1 year ago
og:image, title and description only work on branch link
hye, i;ve setup page meta, but somehow it work only on branch link not on live custom domain site.

on browser it working as usual but not on other platform like facebook etc

i did enable server side fetching and autofetch how to fix

now : it show data fallback i set on project

i want : dynamic data meta fetch from server

thank you
unicodes
0
1 year ago
How to simulate On Success in context?
I need to implement logic that triggers an 'On Success' action after calling a workflow that interacts with an API. My initial idea was to use a formula in the context to handle the API response and reply accordingly. However, this approach would require defining separate 'On Success' and 'On Error' contexts for each API, which could quickly become overwhelming and lead to excessive context definitions. Do you have a better approach or suggestion that might simplify this process?
Jehex
15
1 year ago
Issue Initial Value / Current value of an array
Hello, I have an issue where I use a context variable to verify the type of user and according the result, generate an array with items predefined ( for a menu ) Problem is that when my condition is meet, it's correctly set the array as initial value but the current value is not update. It's probably obvious but I dont see how update my array as current value ( maybe on load? ) Thanks
Gabriel Salazar
10
1 year ago
Using toddle url as webhook
I am setting up an endpoint to handle a webhook from a payment gateway in Toddle. According to the documentation:

"Once the customer's browser is redirected, Flow will respond via a POST request to the callback URL provided by the merchant in the url_return parameter, passing a parameter called token. The merchant must implement a page to capture the token parameter sent by Flow and then consume the customer/getRegisterStatus service to obtain the registration result."

The webhook sends a POST request with the content type application/x-www-form-urlencoded, and I need to capture a parameter called token located in the body of the request.

How can I configure a handler in Toddle to receive and process this type of data correctly?

Additionally, are there any extra configurations or best practices I should consider when handling POST requests in this format within Toddle?
Ben H
23
1 year ago
redirecting apex domain to www
So, my understanding is that Cloudflare, and hence toddle, do not support apex domains. The workaround is to setup a redirect from your apex domain to the www domain. However, it appears that the DNS I'm using, Google Cloud DNS, does not support URL forwarding. And the registrar I'm using, porkbun, only offers URL forwarding if you're using their nameservers. My conclusion is that I must either (a) change my DNS provider to one that supports URL forwarding, or (b) use a redirect service like redirect.pizza. Does that sound right?
Palu
✅1
2
1 year ago
Can't get data from iTunes API (Day 2 tutorial)
In the video Andreas just pastes the URL, but when I do don't get any result
unicodes
✅1
3
1 year ago
Avoid consecutive GET
Is there a way to fuse them? Path like [systemSkills, name] ?
QuietRocket
🙌1
26
1 year ago
Open Source Editor
Hi there.

I really love Toddle. As a software engineer transferring my workflows and projects to Toddle, I sometimes find limitations in the editor, and often times I wish to experiment. For example, I'd really like to add generative AI capabilities within the editor.

When will the Toddle Editor be open source? It's probably a oversimplification to say that sharing and "open-sourcing" the editor is as simple as sharing a gigantic JSON file, but it does seem that way given Toddle is made in Toddle 😅

Thank you. I really can't wait to tinker with the editor itself and bring back to the tool and community.
unicodes
4
1 year ago
Your console log looks like this too?
When I want to add something or to update, and I do not know if exist that value in the DB I do POST and GET for update. This process add a lot of errors in console log (isn't a blockage for the app, but could be a bad experience if the user open the console log ). How do you avoid this or is normal for an app?
Abhishek Sahni (Abhi)
5
1 year ago
Day 2: iTunes search tool api issues
Hi,
I am following day 2 of the 7 day toddle tutorial and I am having issues with the app.

1. I setup a variable and a text input and I have bound the text input to the variable. When I test the app and type in a new artist name, the variable and API terms are updated but the API response is stale. When I run the query in the browser I get the right results as a txt file. Screenshots below
2. I am able to test the app but when I click on preview app in new tab I do not get any of the list elements, screenshot attached.

Appreciate any help here.
jackson
3
1 year ago
Why is the initial value of a variable not the same as the current value?
I created a variable and set the value using a formula but the current value remains null. I can't see the variables when I use them on the page in the editor (because they are null), but then when I publish the page, I see them. Does any one know why? I've attached 3 images which (hopefully) illustrates this. I would like to be able to see these variables and am not sure what I'm doing wrong. Thank you!
KillerK009
10
1 year ago
How to Set stater-pack Inline Value Edit Text Color
I'm trying to use the starter-pack package inline-value-edit component and it looks like the default text color is black. This doesn't work with the dark theme I'm trying to use in my project since the background is dark and it makes the text hard to read.

Is there any way to change the text color? I've tried setting the text color value on the parent div which changes other text elements but doesn't seem to impact this component.
needtheanswers
5
1 year ago
Why is the context data returning null when it is in a variable?
Hi,
I have a data component I use to pass data on via contexts. (data component to other component) When I put the data of the context in a variable it returns null. What´s the reason for that?
Moonpie
4
1 year ago
Set text color based on range
How can i setup text color based a number range, say if its 0 then red, if its between 1 and 10 then yellow and if its more than 10 then green?
Jehex
8
1 year ago
Scroll Bar not showing
Hi there, I have a small css issue about my scroll bar, Im currently building a chatbot where the messages scroll up, the problem is that I have to center my div ( which have layout set to auto and is a flex container ) for see the scrollbar, when I set this div to the bottom right, my scrollbar just dont want showing even if my messages are outside the div, sorry if its not clear, feel free to ask any infos. Thanks!
Jehex
3
1 year ago
Custom border radius not working on class style
Hello there, seems that the custom border radius ( where we set the radius for each corners ) not working on class style, not sure if its a bug. ( grey div : defaut , pink div : custom class )
unicodes
7
1 year ago
How to proxi an external URL (do you know any solution)?
I have a URL image that I download to transform into a blob and then manipulate. The issue is that the URL is not proxied, and in many cases, I receive a CORS error because it is an external URL (it is interpreted as scraping). However, it’s not scraping since I provide the external URL. Do you know of a proxy service, perhaps a free one, or a solution? I only need about 10-20 requests daily. Thank you!
mightBeMatt
27
1 year ago
This Endpoint Requires Bearer token
I have a simple login page that currently works which redirects the user to another page. On that page I am trying to retrieve information about that user. My backend is Supabase.

I set up an API call for the user to Supabase and I made the formula in the screenshot to pass the bearer token to the API. But in preview it keeps giving me error 401: This Endpoint Requires Bearer token. What am I doing wrong?
ssssadsadasd
0
1 year ago
Why does this stripe call work?
I am calling the [stripe subscribe endpoint](https://docs.stripe.com/api/subscriptions/create). according to the doc, it requires the customer and the items in the body of the call.

However, when I build it in toddle it works only when I set thet customer and items[0][price] as query parameters rather than an object in the body. when I enter them in the body it says "customer missing"

any idea why this happens?
ssssadsadasd
6
1 year ago
Where to save the Stripe secret key?
I want to make a stripe api call. I need the stripe key in the header. but the key should be secret. how can i hide it?
The AI told me to set the stripe key using the "set session cookies" action but this only allows to set the "access token".
unicodes
8
1 year ago
PATCH without overwriting with null an existing value
How do you update a table without overwriting with null an existing value?
I would like to avoid functions for this. Thank you!
Nico
16
1 year ago
Selectfield problem in Safari
Hey guys, i have a problem using safari in my toddle project.
i populate a selectfield with options from a api call (works)
then i "set" the value based on another api call - this works in chrome very well, but doesent set the value using safari.

i allready tried to prevent the default styling of select elements in safari, but it doesent change that strange behavior.

any ideas?
Seun Orofin
5
1 year ago
My Toddle web component is not loading on my webflow site
I am using a simple form i created in Toddle on my webflow website it was working before...but not loading anymore..please what could be the issue?
Jay | DRAGXN
3
1 year ago
Change API Based on Environment (Dev/Prod)
I'm using a local instance of Supabase as I'm developing and the API URL would be different than production.

I was wondering if it was possible to change a URL based on if it's in the builder vs the published site.

Example:
- Dev: url-one.com/team-members
- Prod: url-two.com/team-members
ssssadsadasd
✅1
3
1 year ago
Clone button
What is the purpose of the Clone button in the pic attached? It does not actually clone the current project but only the template it was created from
RobertG
6
1 year ago
Supabase Auth example/Tutorial
I'm following Toddle's Todo example that uses Supabase for authorization, and it's not working for me. It's old, and there have been changes with Toddle, and I suspect with Supabase. Are there any more recent examples I can follow? Supabase's site has a Toddle tutorial, but it doesn't do auth.
Olumise
4
1 year ago
Issue with clearing Query Parameter
I want to clear the client query parameter upon close of the page or modal, I read somewhere in the discord server that you just need to set the query to null and it will totally clear but mine is showing an object instead.
What can I do, I want to clear it totally when the user closes the page or modal.

Thanks
unicodes
5
1 year ago
API Query Param by email contains +2 not working
If you are using in the database an email address like this example email+2@email.com, it will not perform the select, do you know why? It works if the email is without +2.
mesmoiron
1
1 year ago
Dark theme, components, authentication and passing data inconsistencies
Hi,

After watching the tutorial I am cleaning up my app layout. Here is the thing

- in my preview the pages are in dark mode.
- in live mode only the first authenticated page works flawlessly
- the other pages are dark and all data is passed
- in life mode, components lose the dark mode and the current user data isn't passed down
- after publishing a branch, I need to login again in order to proceed working. Then the above problems repeats.

Search bar:
- in the component the name is passed by the context and is shown
- it is shown in the preview
- in the life version the name is null

I put the attributes back in for now. It is easy and understandable. Later I will make a table with the flow of data and which options are accepted while testing out the troubles. I think that static data vs dynamic data is confusing. Because then it seems like it is working while it is not and I have probably made some mistakes here.

I totally got lost in the data. I am not building a one page app, but an app with multiple pages.
unicodes
1
1 year ago
context name is null in API input select.
Hi there, is just me that has the context name null in the API select input? It works in other cases but here is null.
Alex
5
1 year ago
Web Components via Embeds
Does anyone have examples for web components built in toddle and deployed in something like webflow or squarespace?

Something dynamic like a form?

I want to be able to give users of our CRM the ability to embed their property stock lists which are visible in their toddle portal, on their websites.

How do you control the filtering of the data in an embed that 100 customers may all be using
Alex
6
1 year ago
Multi-seat orgs in Supabase
Hey team!

Anyone built out multi seat orgs in Supabase?

One company account with multiple users who can log in with permissions

I have it set up in Supabase with my table structure but trying to figure out my first step in toddle with the API calls to read and edit new rows etc.

Anyone building a CRM or Portal with orgs and users?
Alex
8
1 year ago
Allowing users to add custom columns to their tables
Hey everyone

After first customer feedback session for my property development CRM built in toddle a few requests have been made and we can see all users needing these too.

First one off the bat to tackle is giving users the ability to customise their table layouts inside the portal by adding and deleting columns.

For example:
- they might want to add a column for their internal team notes on a property table or they might want to add a column for door access key codes etc etc

How do I allow this functionality whilst limiting the updates to the table structure to their account only?

Does this make sense?

Think like Airtable or most table based tools where you can add new columns etc.

I’m using Supabase as database with Supabase auth.
KillerK009
57
1 year ago
Custom Code Documentation
Is there any more documentation around what functions/features are accessible via custom code actions or formulas? I'm assuming this would be provided by the ctx parameter provided to the custom code.

I've seen these pages already:
https://docs.nordcraft.com
https://docs.nordcraft.com

But is there any more? Can we modify a Toddle variable value from custom code? Can I call another Toddle formula or action? Is there any way to debug and/or step through code or formulas to see what they are doing?

Also, is there a way to provide format/type information for object parameters so autocomplete can suggest the properties?
unicodes
5
1 year ago
API pages (like Inputs) closes automatically
Have you noticed any differences in the APIs over the last 3 hours? On my screen, the API (like Inputs) closes automatically at each input, the same for body (selecting any input means open the API from zero each time), events, etc.
Lucvs
4
1 year ago
Creating a countdown timer
Hey guys,

I tried asking kapa.ai about this, but I couldn't get a good answer.

How do I create a countdown timer in toddle?

I wanna build a countdown timer that counts down till a specific timestamp in real-time.
dub
6
1 year ago
Download images
is there a way to download images, im new to toddle and im not quite how to tackle this issue, thanks
unicodes
33
1 year ago
How can I load user app settings from the database only once?
Hi,

I have some information similar to "user experience settings," which I currently call in any component where needed. These settings are important, including allowed currencies, languages, task statuses, etc.

I was considering making an API call upon login to save this information in local storage. However, what if the local storage is edited? These settings are used to update the database, and I cannot risk using potentially altered data from local storage (e.g., a "selected status") since it could be injected maliciously.

What solutions do you use in this case? I’m exploring alternatives because, as it stands, I have a lot of requests just to retrieve the app's status, which impacts performance.

I cannot use context because this information is shared across multiple pages, and context (variables) only works within the same page.

Thank you!
Ben H
8
1 year ago
How to make skeleton loader for <img>?
I am trying to make a skeleton loader for an <img> element. In code you would simply add an onLoad attribute that executes a function that updates the class of the <img> element. How would I do this in toddle? I don't see how to access the image load event in toddle.
KillerK009
24
1 year ago
How to Update/Replace Specific Indices in Variable with Nested Arrays
I have 2 variables program and reducedProgram that have identical structure and represent a workout program.

Each has a days property which is an array of days. Each day element contains an exercises property which is an array of exercises on that day. Each exercise element contains an index property signifying it's position in that day.

I want to take all the exercises from the reducedProgram and replace the same exercise in the program variable matching the day and exercise.index value.

This seems like a relatively straightforward operation, but I've been trying to do this via a Toddle formula can't quite figure it out!

I even tried a custom action as provided by the AI, but this doesn't seem to work either...
const { program, reducedProgram } = args;

// Iterate through the days in reducedProgram
reducedProgram.days.forEach((reducedDay, dayIndex) => {
// Ensure the day exists in the original program
if (program.days[dayIndex]) {
// Iterate through the exercises in the reduced day
reducedDay.exercises.forEach((exercise) => {
// Check if the exercise has an index property
if (typeof exercise.index === 'number') {
// Replace the exercise at the specified index
program.days[dayIndex].exercises[exercise.index] = exercise;
}
});
}
});

// Set the updated program to the 'program' variable
ctx.setVariable('program', program);
Any ideas on how to do this?
Vizualinx
29
1 year ago
Currency input
I am trying to make a currency input, the problem is that i need to be able to input also cent, for example 25.50, i tried with toddle ai to do it. here is where i am at (see screenshot), the problem is that now it doesn't set the variable with the input value.
Lucvs
4
1 year ago
Possible bug : Toddle page doesn't show any content
Hey guys,

I was creating a page and after I made some edits to the style variables it suddenly doesn't show any of the content (just shows a grey screen) despite having all the same elements and content as before in the sidebar.

I was adjusting the display variables, but I've changed everything back now, and it still just shows a grey screen with no content.
PeterShaw
12
1 year ago
POST Request doesnt work in new API UI
Hey all,
I migrated an API to the new UI and since then I always receive the message "new row violates row-level security policy for table "input".

RLS policy is still the same that did work before. I assume it has to do with the access token which is not passed correctly?!
benjabievres
6
1 year ago
webApp behaving like a mobile app
Hello, this question is more generic about HTML; is it possible to create a web page that the user can't scroll? The idea is to have a main page element that won't move, and inside a header, a footer, and a scrollable "main page".

I added the screenshot of the Discord app to give an idea.

Thanks
Hausia
2
1 year ago
JSON Syntax error when trying to trigger Make.com webhook
Getting this error: "Unexpected token '"', "#" is not valid JSON"

Anyone able to help?
needtheanswers
1
1 year ago
Text cursor jumps to start of input field
Hi,
so I format my numbers on blur which works fine but when I delete them it only works fine for the decimals. Once the decimals are gone the cursor jumps to the start of the input field and ignores the remaining numbers. The problem occurs on mobile and desktop. Any ideas what could cause this? I need the format of the numbers to be exactly as they are right now.
Thanks
ssssadsadasd
14
1 year ago
Realtime
I understand there are some sparse resources for Supabse realtime (or real time in general) ([1](https://editor.nordcraft.com/projects/websockets/branches/main/components/HomePage?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=events&selection=onLoad.actions.0.events), [2](https://www.youtube.com/watch?v=Dl_cZUrJoh0)) but I do not see any video or article specifically on this topic. E.g., a demo app like [this one](https://discord.com/channels/972416966683926538/1326509571786674236/1326553753477840946), together with a video to dumb it down for us no-coders especially would be extremely useful.
I personally don't know where to start with this crucial topic!!! also the AI is not helpful at all (default reply is: "I dont have resources").

thanks
Janis
15
1 year ago
Editor.js package
Since there does not seem to be a post in packages for editor.js, I'm asking my question here:

1. Does anyone know whether it is possible to completely remove the option for users to make any changes to a tool-type, e.g. in my case to the text. I only want the user to be able to change the text if required, but not add any further tools. I know I can set all the tools to false but then it still shows the plus and drag icons.
2. When I load the component initially, then the data is not shown. only after navigating to another tab and coming back to this tab, the data is shown. I tested both saving the content in a variable from the api call and from the call directly, but i always have to go back and fort.

Thank you very much for your help! 🙂
A-Chivas
6
1 year ago
Issues with log in Magic Link
Not receiving the magic link on mail to login, my devs cant accesses toddle. Plz look into this asap
Leo
5
1 year ago
Can Toddle Session Cookies Track Affiliate Conversions?
Hi everyone! I’m working on tracking affiliate conversions in my app built with Toddle.dev. When a user lands on my site, the click_id is included in the URL as a parameter (e.g., ?clickid=XYZ123). I’ve built an API in my backend (Xano) to store this click_id when the user lands, but I need to tie this click_id to the user when they sign up so I can track the affiliate conversion.

Can Toddle session cookies help persist the click_id and pass it during the signup process? If not, what’s the best way to reliably track and tie the click_id to the user for affiliate conversions?

Thanks for your help!
Miles
6
1 year ago
chart JS
Hi 👋

I'm working with the chart.JS package and running into an issue.

The lowest value in the data set is pltted at the centre of the chart. it looks like the value is 0 (but it's not).

I see on the chart.js website they don't have this issue in their examples of radar charts and other types.

Is there a way to solve this with the chart.js package?

TIA
Vizualinx
29
1 year ago
SVG in btn
i have an svg in a button, when i hover above the svg it will prevent from clicking on the button. how can i fix it?
unicodes
5
1 year ago
Missed Payment: Does It Automatically Become an Open Source Project = Clonable?
Hi @Andreas Møller ,

I’m writing this because it’s important for the community to understand what happens if a payment is missed (for any reason, including inability to afford it) and to prevent going in a grey area. An open-source project means that the community can clone it, and in some cases, cloning a project that was initially private could lead to legal implications or cause damages.

In such situations, what happens? Will the project that was private become unavailable to new visitors, or will it automatically become open source and accessible for anyone to clone?

I would recommend implementing a mechanism where the project becomes inaccessible to everyone (including visitors) except the developer (project owner). Additionally, it should not be published or made open source unless explicitly authorized by the owner (through payment of the plan) or deleted.

Is it possible to have a plan where the project isn’t live (even open source), but you can continue creating in a private environment without granting visitor access (users that access your app)? For example, a plan where you pay x$ per year just to store your code and run your development environment when needed, but without access for visitors, in order to keep your maintenance costs and margins. I believe such a plan, even with a small margin and low cost, would be a success because of the affordability. Anyone would be willing to pay for having a private environment just for development (like pay to download and use Visual Studio Code, but not for publishing the code).

Thank you and wishing you all the best!
Vizualinx
30
1 year ago
Global formula
Is there a way for a global formula to access variables or APIs?
Maxime Brunet
57
1 year ago
Web Component Pricing
Hello I want information about the pricing, my goal is to create a web component for a client. This web component will be visible on pages with millions of users (2-5M).
Is the starter plan ok?
ssssadsadasd
👍1
19
1 year ago
best way to store data in a session supabase and toddle
In bubble you can easily add new columns to a user table and then easily access those columns through e.g. "current user's profile picture". In supabase you cannot add new columns to authentication and thus you need to add a new table with such columns as profile pic, first name, last name, etc.

Now, I would need to have easy access to these values. What is the best way I can store these variables of the current user (profile pic, first name, last name, etc.) in the session for easy access so that I do not have to make an api call everytime I need them?

So, the moment the user logs in the variables are stored and, ideally, they are updated automatically if the user changes them

Thanks
Seun Orofin
10
1 year ago
Path parameter not updating on click
vanishklift
0
1 year ago
Still need help for this one!
https://discord.com/channels/972416966683926538/1326318360509550654
unicodes
0
1 year ago
how to check when to use date from string?
I tried using an if statement to check whether the input date needs to be formatted with date.fromstring or not, but it isn’t working. Formatting the date with date.fromstring all the time causes issues in some situations (e.g., when the input is empty). What solution do you use to determine when date.fromstring is needed and when it’s not?
needtheanswers
2
1 year ago
Restart/interupt the sleep function
Is there a way to restart the sleep function? For example you click a button which triggers sleep 5000ms, after 2000ms you click the button again and it should start at 5000ms again.
FouadTarabolsi
8
1 year ago
qr code
hi,
hello all, any idea how implements the following workflow? :

- I open a page on a laptop
- I get unique QR code
- I scan it with my mobile
- in the mobile I login
-once I login the original screen with the barcode will automatically detect i successfully authenticated and give me my content.

I assume as beginning that QR code page will be considered as an authentication page, also the value of the QR code will be unique for to identify the session .. or there are better and secure ways.
needtheanswers
0
1 year ago
best way to manage which page is on which domain?
Hi,
what is the best way to have page 1 on www.myapp.com, page 2 on auth.myapp.com and all other pages on dashboard.myapp.com for example? If I set up multiple custom domains then every page is visible on every domain (as stated in the documentation).
ssssadsadasd
✅1
4
1 year ago
Question on formulas
I have a questions on formulas.

Suppose I have an app formula that outputs a text. Now, in a component/page I need the result of the app formula in several places. So, I would not want to call the app formula in every place but just get the output in one place and refer to it. My solution is to build a component formula, use the app formula there, and get the result. The formula has an two variables as inputs.

I dont know whether what I am doing makes sense, i.e. whether is is the same thing as calling the app formula.

anyone has any idea how to solve this? thanks
yoelfdz
✅1
1
1 year ago
DNS TXT propagated but not detected by Toddle
Hi there! I’ve been trying to set up a domain for an app, but I’m running into an issue with the TXT record. DNS propagation seems to detect it correctly, but it’s still stuck on Toddle.

The DNS provider’s support team suggested I reach out to you. Could you please help? 🙏

UPDATE: It got approved but the domain was not working, now it's back to "Pending Validation"
unicodes
1
1 year ago
input range bug on chrome
My input range (min 0 max 5) is stuck at this point on chrome. It works on firefox, but on chrome shows the maximum at the beginning. Do you know please what to do in order to make it works normally?

Thank you!
Miles
18
1 year ago
Swiper JS
Has anyone installed SwiperJS that is willing to share how to set it up?
I'm adding the script and stylesheet in the head assets, then running a custom action on load. I have the attributes (data-swiper, data-swiper-wrapper, and data-swiper-slide) attached to the relevant elements, but I can't get it to work.

Attached some images, including error in console log.

Any help appreciated 🙏
Sakamoto
3
1 year ago
Zaraz load on prerendered pages
Hi, I'm trying to install Zaraz. I tried auto-inject and it works fine. However, it also triggers for prerendered pages.

I could try triggering it manually with the script tag but it's more difficult to manage. Is there an easy way to get around this?
Dark Yellow
16
1 year ago
Global font?
Is there a way to set global fonts? For the whole project instead of per page?
ssssadsadasd
1
1 year ago
Cursor transition
I want to avoid this ([see video](https://vimeo.com/1045755332/9ecec1e7d4?ts=0&share=copy)) abrupt change of cursor when I hover an element. I try to add some transition and select cursor but I could not find a solution. anyone has an idea? thanks [test app](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test4?canvas-width=800&canvas-height=800&rightpanel=style&selection=nodes.KBhGnMp2JElsHzqdROJee)
Stefan
✅1
3
1 year ago
Div Background Color from API Response/Variable
Apparently that is not possible, or am I missing something?
Ben H
0
1 year ago
Google OAuth Consent Screen issues
unicodes
35
1 year ago
API response disappears after 0.1 sec..
I'm getting the response for 0.1 seconds then disappears.
Why the response disappears? It does it on PATCH.
A-Chivas
10
1 year ago
Undefined is suppose to be null but..
dont know why it passes of as a string one day and null the other, also messes up the entire formula, her it is false for some reason, plz help
Nico
✅1
2
1 year ago
Session Cookie / Authtoken Problem
Hey guys, i have a strange problem. I get my auth-token from the xano endpoint and iam trying to save it in toddle for later auth on other pages.

But it doesent work, cookie doesent get set. So i looked into network tab and it shows me this error:

This attempt to set a cookie via a 'Set-Cookie' header was blocked because the cookie had the attribute 'SameSite=Lax' but came from a cross-site response that was not the result of a top-level navigation.

does anyone know this problem?
KillerK009
2
1 year ago
Can I Optimize? Reducing Repeated Use of Map in Formula to Set 2 Values
I'm trying to calculate and add 2 new values (tag and label) to every element in an array where the 2nd new value (label) is dependent on the value of the first (tag). Is it possible to set them both in 1 iteration of the Map function?

For example, I use the Map function, do some calculation for every element, then Set the tag value first. After this but still in the same iteration of Map I want to use this newly calculated tag value to also set the label on this same element. Can I do this in a Toddle formula without having to use Map and iterate over the entire array again?

Not a huge deal for what I'm dealing with right now since the arrays are pretty small and it performs it quickly enough, just wondering if it's possible to do it more efficiently or if I should even concern myself with trying to be as efficient with my formulas.

I'm used to traditional coding so looping over the same array twice in a row doesn't feel right to my brain 😅 , I'd instead just use a loop like this:
foreach (element in array) {
element.tag = calculateTag() // calculate tag
element.label = calculateLabel(element.tag) // calculate label based on tag value
}
Lucas TSD®
1
1 year ago
When release web awesome on toddle ?
When release web awesome on toddle ?
Kleveland Bishop
9
1 year ago
Meta auth No longer Server Side rendered
Hello toddle team, I am using a
ssssadsadasd
✅1
10
1 year ago
Signup/login supabase template
How can we access the signup/login with supabase app built in [this video](https://www.youtube.com/watch?v=Ol-rANqDclI&ab_channel=toddle) or is there a template with signup/login with supabase? none of the other templates has a signupl/login functionality. thanks
jackson
19
1 year ago
Styling Question
I created a class "clicked" and began styling it by clicking on the "clicked" class under Styles. However, that style also changed the "default" even though I didn't have it highlighted. Is this a bug or am I doing it wrong? I've attached a 12 sec video where the hover works but when the default is highlighted, the button colors do not match the colors selected (they are opposite). Any help would be much appreciated, thank you!
unicodes
3
1 year ago
sticky not working :(
I want to make the image stay sticky to the blue parent.

The blue parent and right childrens are stored in a parent container with a maximum height and vertical scrolling (scrollY). There is no hidden overflow or anything like that, but sticky doesn't work.
vanishklift
😭1
74
1 year ago
API Data shows only in Toddle
Hey everyone!

I’ve connected one API endpoint without any input, and it’s displaying correctly both in the Builder and on the branch site in Chrome. However, the API endpoint where I provide an item_id to retrieve only objects matching that item_id is behaving differently. It shows everything as expected in the Builder but doesn’t display anything on the branch site in Chrome.

I hope this explanation makes sense! Any ideas on what might be causing this?
Vizualinx
4
1 year ago
Shadow for svg
How can i set a shadow for a svg (icon)?
needtheanswers
0
1 year ago
redirect setup in toddle vs xano?
Hi,
I was just wondering if it is better to set my redirect rules in toddle or directly in xano? Is it "safe" to do that it toddle? Also how do I allow my clients to use their own domain for the redirects (whitelabel solution) instead of my domain?
unicodes
3
1 year ago
get User info in all pages (no possibility to edit)
Currently, I have an API call to fetch user information for all pages. The challenge is that if any changes are required, I have to update the API calls for all pages individually. I’d like to avoid storing user information in cookies, local storage, or session storage, as some checks involve user categories (e.g., certain user categories may or may not be allowed to view specific content and want to avoid user edit).

The API I’m using is an RPC (no input) that retrieves user information based on the JWT. A function extracts the auth_id and then fetches all user details.

I was considering implementing a component (like the menu or even an empty component) that calls the API internally and returns the required values. Another idea was to use context, but I’m unsure how to retrieve the output effectively when using context.

What solutions do you typically use for this kind of scenario?
A-Chivas
7
1 year ago
Image element not rendering image on load via api
mage element not rendering image on load via api even after having a url set, check the image attached here
KillerK009
5
1 year ago
How to keep original properties in an array and just add new ones to each element?
Is there an easy way or shorthand in a Toddle formula to take every object in an array and just add an additional value/property to each one while retaining all the existing values? I asked the Toddle AI and it mentioned using the Map function and ...item to spread the properties but I don't understand what this means exactly or how to do so in a Formula.

Does this just mean mapping each item to a new object and having to re-define the key/value pairs for every property again like I did in the attached screenshot? This isn't a huge deal on a smaller object with only a couple properties per element, but when there are many values that all need to be mapped to the same thing again it feels very tedious.

For example, I have an array of exercises in my workout program and I want to go through every exercise in the array and add a tag property (where there's some formula to calculate the tag value).

So if my exercise array is like:
[
{
"muscleGroup": "Chest",
"ID": 1,
"exercise": "Bench Press, Barbell"
},
{
"muscleGroup": "Front & Side Delts",
"ID": 2,
"exercise": "Lateral Raise, Dumbbell"
},
{
"muscleGroup": "Chest",
"ID": 1,
"exercise": "Bench Press, Dumbbell"
}
]

I'd like the output to be:
[
{
"muscleGroup": "Chest",
"ID": 1,
"exercise": "Bench Press, Barbell",
"tag": 0
},
{
"muscleGroup": "Front & Side Delts",
"ID": 2,
"exercise": "Lateral Raise, Dumbbell",
"tag": 0
},
{
"muscleGroup": "Chest",
"ID": 1,
"exercise": "Bench Press, Dumbbell",
"tag": 1
}
]

So I keep all the original properties and values and just add a tag to each element.
unicodes
2
1 year ago
get Keys names of object not value.
Hi, I want o get the keys names (on repeat) and not the value. Is there a way to get it?

Thank you!
Dov
3
1 year ago
Using style variable to set alignment
Hi.

Is there a native way to set alignment (in my case a td) based on a style variable?

Thanks
Matthieu B.
55
1 year ago
HTML element for SEO blog post
Hello toddlers

I’m using toddle for my website and blog.

I’ve used HTML element but in order to render my style, I need to set inline style, making the length of the html formatted text way longer.

Any recommandation to optimize the page for SEO ranking ?
ssssadsadasd
11
1 year ago
Some questions on default text properties
1. I simply add a new text element to the page. how is the default text size and color determined? initially it seems to be 16px=1rem and black.
2. can I change the default properties of the text? or the default is: you select the properties in parent div and then select inherit in its children?
3. In "Themes" we have only a "Sans" default font family, while when we want to select in a text is has "Inherit" and "Inter". I dont understand this.

thanks
Nico
4
1 year ago
Showing a error Message for FileUpload
s'
7
1 year ago
QR/Barcode scanner
Is there QR/Barcode scanner component available?
KillerK009
1
1 year ago
Is there an easier way to use a formula to set a value on a nested object in a variable?
I'm creating a basic workout plan builder which allows you to define any number of days and each of those days has any number of exercises. I have a program variable defined in Toddle and inside that there is a days object with a name and array of exercises[].

Each exercise object has a name as well.

I've attached a photo of the initial value of my program variable to show an example of the structure.

I'd like the user to be able to edit the exercise name on any given day and so I have an inline-value-edit element from the starter-pack package and on the setEditedInput event I have a formula where I try to update the program variable by setting the name on a given exercise for a given day (based on the indices provided by repeat variables and input field the user selected), is there a way to simplify this formula?

I'm used to coding where I could easily just do something like program.days[parentIndex].exercises[index].name = value in one line, but it seems like in Toddle I have to create a large formula for what seems like a simple operation, but perhaps I'm missing something.

Is there an easier way to specify the Path value on that right-most Set to just provide the day and exercise indices to set the name and return the updated program as the output?

Or is it typically easier in Toddle to limit how nested your objects get where instead of having a program object I'd just surface all the nested elements as separate variables and have a days variable instead?
J.ulian
✅1
13
1 year ago
How to retrieve selected value from <select> element?
event.target does not provide any data. Therefore, I should be able on change event to (query)select the element and get the current selected value. Cannot find an easy native solution in Toddle, while I do think this is a common usecase. Have set the array index as value attribute via repeater function. I was unable to set an ID for the <select> element.
ssssadsadasd
7
1 year ago
Set/unset url hash/anchor
how can i set/unset a url hash/anchor without refreshing the page?
Nico
✅1
10
1 year ago
Uploaded Images and URLs
Hey guys, i retrieve image urls from a api and storing them in a array variable. now i upload a new image with the fileupload and i want to append this image to the variable to display it along the other images and send it to a api in the last stept.

how can i do this? the api images are in the form of urls, the fileupload is just data.. in wized i used a complicated workaround using claudinary as a "host" before sending data to airtable.

(In the Image you see the "old" data from the api call, and when you upload new images the need to be apended)
Matthieu B.
4
1 year ago
Make images in grid responsive
Hello Toddle Jeddis
I'm struggling with front-end display of images 🖼️

See my 2 images attached.

1st problem :
When I resize the screen I want the image to be able to shrink (up to a certain point) to continue displaying my 2 columns (images).

In mobile, I should have 1 column (image) stretched wide, and then if I increase the screen size, I should get 2 images that appear shrinked to their min size.

2nd Problem:
I want to have a set height on my image, WITHOUT making the image disproportionated.

How would you, Jedi of toddle, go about those 2 problems, sticking to native toddle as much as you could ?

Thanks a lot

: get similar AI generated images on selfiebooth.ai
mightBeMatt
✅1
11
1 year ago
Issue With json and Supabase signup api call
I am creating a signup page and building the API call to supabase but I keep getting this error on the body part of the call: "Could not parse request body as JSON: json: cannot unmarshal string into Go value of type api.SignupParams" In the body I am trying to pass this format: {"email":"new_email@email.com","password":"new_password"} I have tested this in APIDog and it works. I have also tried removing the quotes, removing the curly brackets, adding quotes around it, etc and I get an error every time. Any thoughts?
mesmoiron
0
1 year ago
Session key in Xano and denied access in Toddle
Hello,

I have implemented the session key in the user table and added it to my api endpoint in the login call. When i test the api endpoint in the backend, it creates a session key; but when I go to the frontend then I can't login because the previous session has not expired.

So, I probably forgot something, because most users have multiple devices and as a consequence have multiple logins and different sessions. How would I solve this in Toddle. I am looking for a not too hard implementation. Or last login implementation in Xano. Any ideas?
Nico
6
1 year ago
Using Airtable for User Login / Auth
Hello guys! i want to switch my plattform user-backend from wized to toddle but i cannot change the database from airtable to something else atm.

My question ist: i have a lot of users in the airtable base with hashed bcrypt passwords.

Can i use these existing passwords for auth in toddle?
Joce Nunes
3
1 year ago
Question about configuring domains on Toddle.dev
I recently updated my logic to support multiple clients in my SaaS. However, when I try to configure the domain for a second client on Toddle, the CNAME is not propagating, and I’m seeing the message shown in the attached image.

My question is: Is it possible to have two different domains configured on Cloudflare for the same application in a single Toddle account? If not, what would be the recommended solution for this scenario?

Thank you
KillerK009
7
1 year ago
How to bind array to drag & drop list to keep variable in sync with displayed list?
Is there an easy way to bind an array variable to a scrollable list in the UI where the array variable updates if the user makes changes to the list?

Basically, trying to create a weight lifting program builder which will have a horizontal scrolling list of days where the user can dynamically add/remove as many days as needed. And then each of those days has a vertically scrolling list of exercises that also can be dynamically added/removed and reordered (see photo for example of similar goal UI).

I'd like it to be possible to drag and drop both the days and exercises between days.

I see the Spark Drag and Drop and starter-pack packages have list components, but I'm not sure if the starter-pack allows drag & drop between different lists (to allow exercises to change days) and the Spark package seems like it would require manually updating the underlying array variable anytime the lists changed which would be kind-of a hassle to implement, especially since I'm still brand-new to Toddle.
Daniel
0
1 year ago
Rate Limiting by IP with Xano
How can I do this? I noticed it wasn't working and found out why here https://docs.nordcraft.com
A-Chivas
2
1 year ago
Server side redirect not working, as intended..
Had setup a server side redirect, but it still loads the page before redirect, plz help..
unicodes
15
1 year ago
How to select Distinct curl query?
I'm looking to select from a table all the unique values, is there a way to do it in curl?
ssssadsadasd
23
1 year ago
Multiple path tab setting -> go back
When clicking a button I immediately set three url paths: tab1, tab2, tab3.
When the user clicks the back button in the browser I want the user to go the page where the user was when the button was clicked.
but the user is redirected to the tab1,tab2 url. [see video](https://vimeo.com/1043287886/ce6ed3573f?ts=0&share=copy)

how can I go immediately to the original page (without refreshing the page)? see [test page](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=events)
thanks
ssssadsadasd
✅1
19
1 year ago
Calculation of variables does not show actual value immediately
I have a reusable.
The reusable has an attribute item = { "created_at": "2025-01-01T17:56:04.15182+00:00"}
The reusable has a variable milliseconds = now - item.created_at (which translates in milliseconds). I use this variable because I do not want to calculate it for each if condition.
The reusable has a text which translates to different time format: so if created_at is less than one minute = just now, less than 1 hour = x minutes etc.

Suppose created_at is less than one hour. It should show immediately xm(inutes) but it first shows the last item of the if condition and then correctly shows xm(inutes). [see video](https://vimeo.com/1043286016/a2cc66cd60?ts=0&share=copy)

why does this happen? here is the [test url](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=attributes).

P.S.: make sure to change the value in the page to a date less than 1 hour prior
needtheanswers
✅1
8
1 year ago
Layout issue - components are stacked/overflowing
Hi, the height of my component doesn´t seem to get recognized so now everything is stacked. I´ve recreated everything here to make it more visible.

Would appreciate any help, thanks
ssssadsadasd
✅1
10
1 year ago
Set two path parameters at once: two slashes at the end
I have three path parameters: tab1, tab2, tab3. So my url is sth like: https://start.toddle.site/tab1/tab2/tab3

When clicking a button I want to go to url: https://start.toddle.site/tab1/ so remove the last two path parameters. To do so I create an event on a button and then do: set tab2, set tab3 -> to empty. However, the resulting url is https://start.toddle.site/tab1// so two slashes at the end. I want only one. how can i achieve this? thanks (see [this](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test?leftpanel=design&rightpanel=events&canvas-width=867&canvas-height=800) as an example)
Keviruchis
5
1 year ago
Is there a way to export themes as a package for reusability?
I've managed to build out a specialized design system for my upcoming apps but the theme isn't mentioned anywhere in the package docs. I was wondering if there was a way to export/import them to make it reusable.
ssssadsadasd
2
1 year ago
Adapt size to width of parent div
I have an image with aspect-ratio: 1, max-width = max-height = 200px, and the parent div max-width = 600px.

I want the size of this image to be 1/3 of the parent size width. so e.g.
parent div width = 600 -> image width and height = 200
parent div width = 300 -> image width and height = 100

how can I do so? [here](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test?leftpanel=design&canvas-width=867&canvas-height=800&rightpanel=style&selection=nodes.root) a sample app to implement this

thanks
Leo
✅1
2
1 year ago
Internal Server error
Is anyone else experiencing this issue? I've had this problem with one of my pages for quite some time now.
FouadTarabolsi
14
1 year ago
redirecting back to page after authentication
Hi there,
I am still new to toddle, but I am happy on how fast I am progressing.
I created many pages in my app including the login page. login page successfully redirects to the main page after authentication.

I also was able to redirect the other pages to the login page if the user is not authenticated.

now i am struggling with redirecting the user back to the page he requested instead of going to the default home page.

I tried asking the AI and went through a few discord posts. i was not able to sort it out.
Higolol
5
1 year ago
Object ID frome one API to API
My task. Clicking on a result in the table would open a page with information about that result.

The API that gives information about the result contains an ID that should be passed as a parameter to another API. How to do it?
Dov
3
1 year ago
Style table row when clicked
Hi.

I want to style a table row when it is clicked. I could use the following JS, but would rather to it in native toddle. Plus I don't know how I could use a conditional style using this.

document.querySelectorAll('.table-row').forEach(row => {
row.addEventListener('click', () => {
// Remove 'clicked' class from all rows
document.querySelectorAll('.table-row').forEach(r => r.classList.remove('clicked'));

// Add 'clicked' class to the selected row
row.classList.add('clicked');
});
});
zefunha
2
1 year ago
If text is True then green if Text false then Red
Hi,

for my landing page i am looking to have the text change style based on result, can you show me how to do this one.

thank you
knotshell
0
1 year ago
Buildship Open AI assistant streaming
Hello! I can't get the OpenAI assistant streaming from buildship to work on toddle. The API response says 'Service Unavailable'. The standard OpenAI stream response works just fine. If I put the buildship output to include the whole object from OpenAI assistant instead of just the streamed output, it shows up on the API response in toddle but the markdown block does not render this output at all. Is there something I'm doing wrong? thanks for the help!
J.ulian
✅1
3
1 year ago
Simple question: how to remove repeat property (and 🔁 icon from element tree)
Many thanks in advance, I guess this is simple. Have removed all the logic. The same is with the show/hide attribute that is permanently visible in the element tree.
A-Chivas
4
1 year ago
How do I create a global workflow?
I have created a notification message and I need to set them on almost all create and update APIs, and I need to manually do it for like 20 api calls and this is success and error messages separate would be great if I could do them faster, is this possible?
ssssadsadasd
✅1
44
1 year ago
Parent is hovered effects on children
When a parent is hovered I want to change the background color of the children (but not of the parent itself). how can i do so? thanks
Janis
2
1 year ago
Popover Animation :closed
I managed to apply a @starting-style transition to a popover, but I can't figure out how to apply a closing animation since the pseudo-element :closed is not supported

The goal would be to do something like:

[popover]:closed {
opacity: 0;
transform: translateY(10px) scale(0.95);
}
ssssadsadasd
0
1 year ago
Reusable content text size decreasing
As you can from the images, I have the actual screen and the editor at the same size but in the editor the text appears as expected (text keeps the same size regardless of width and breaks does in a next line; the text size = 15px) while in the actual screen the text decreases in size and it appears in the same lines at any width.

now sure why this happens. I am using this as a reusable in the page and probably that has sth to do with it. any idea why this happens? thanks
Muffin
1
1 year ago
Head assets aren't working
asad
2
1 year ago
Dynamic filtering using query parameters
what is the best way to implement dynamic filtering in api using supabase
ssssadsadasd
4
1 year ago
Toast width does not adapt fully?
When the content is long the toast does not adapt to the width.
Ben H
0
1 year ago
Is it possible to have an eventListener inside a custom action listen for component events?
I have a data-provider component that houses common calculations I need to perform in my workflows. When the calculations are complete, the data-provider component fires an event "calculated_results" with the results. The data-provider component shares its context so that its calculation workflow can be triggered outside the component. Now, here is my problem. I need a way to halt my workflows until I get the data from the data-provider needed to continue the workflow. That is, I need to halt the workflow until the calculated_results event fires. I was hoping I could do this with a custom action using an eventListener (code below), but it doesn't seem to work. It doesn't seem to recognize any event called "calculated_results". Does toddle have an internal representation of this component event that I need to be using?

function waitForEvent(args, ctx) {

// Get parameters
const eventToWaitFor = args.eventName;
const timeoutMs = isNumber(args.timeoutMs) ? args.timeoutMs : 30000;

// Handler for the event
const handleEvent = (event) => {
clearTimeout(timeout);
document.removeEventListener(eventToWaitFor, handleEvent);
ctx.triggerActionEvent('success', {
event: eventToWaitFor,
data: event.detail
});
};

// Set up timeout
const timeout = setTimeout(() => {
document.removeEventListener(eventToWaitFor, handleEvent);
ctx.triggerActionEvent('timeout', {
error: 'Waiting for ${eventToWaitFor} timed out after ${timeoutMs}ms',
event: eventToWaitFor
});
}, timeoutMs);

// Listen for the specified event
document.addEventListener(eventToWaitFor, handleEvent);
}
unicodes
✅1
1
1 year ago
how to filter objects?
I have an object of objects (skills).

[
{id, name},
{id, name},
]

How to filter them based of name?

This my old filter was for an object with just names.
Higolol
6
1 year ago
Session coocies or global veraible
Through the API I register a new user and get a token which I write to session coocies. How can I use this token on another page inside the API, to specify it as sessionId in API headers. Is there a global variable in toddle or some other way?
alain
42
1 year ago
Idea/brainstorm (search, add, repeat)
Hello team,

Does anyone have any ideas on how I could achieve a functionality that goes like this:

1. Search backend table of an exercise database via an input field
2. Press enter to select
3. The entered exercise gets added to repeating div formatted nicely like a card with a bunch of info.
4. Can add and delete them
A-Chivas
👍1
0
1 year ago
Create a whitelabel dashboard with creating of a replicate database with dynamic APIs?
I have created a dashboard which my client wants to replicate and whitelabel it with replicate database and dynamic API's
how do I go about it?
Hausia
4
1 year ago
'Get Rows' API error
Hi, getting this error from the attached API call.

"<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>Error</title>\n</head>\n<body>\n<pre>SyntaxError: Unexpected token " in JSON at position 0<br>    at JSON.parse.....

Have double checked the body JSON multiple times: { "appID": "RoLnq8SeTdUWbtkmX6dR", "queries": [ { "tableName": "native-table-8VlEy9GI7SpQUosrEOAK", "columns": ["cNI9W", "aSJ65"] } ] }

Any ideas?
Higolol
13
1 year ago
change to "false" or "true" by cliking
Hello, fathers! My question to guys how knows Directual. I need to use the API with chekboxes. It works with JSON that includes object_id. Whow I can tell the item in chekbox that boolean in API needs change to "false" or "true" by cliking? I cant undestend that.
ssssadsadasd
3
1 year ago
Horizontal scrolling not behaving as expected
A-Chivas
24
1 year ago
Can I have multiple events in a components?
Can I have multiple events in a components? also why do I have to type events in components? its really confusing, I need to assign multiple events and I am confused, plz help
.
0
1 year ago
Accidentally removed default Sans font in Themes
Hello, accidentally deleted the default Sans font in Toddle from the Themes in the sidebar. Is there any way to get that back?
unicodes
5
1 year ago
Join query help
Hi, I have table cars, and table my_card. I want to :

SELECT *
FROM cars
JOIN my_cars ON cars.id = my_cars.car_id
WHERE my_cars.selected = TRUE;'

It works with query on my_cars:

'select=id,cars(*)&selected=eq.true,'

but how to query cars and selecting based on my_cars?
Alex
6
1 year ago
Table hidden on scroll...
what am I doing wrong here???
on scroll, the far right columns dissappear
alain
7
1 year ago
Referencing a variable in a formula breaks after triggering a formula that appends to that variable
If you see the screenshot workoutData at the top of the image is "undefined" and upon refresh it is defined again. Whenever I append to a variable, does there need be a refresh that needs to take place before the event can happen again? Not sure if im explaining this correctly, any help is appreciated!
Neville
0
1 year ago
Export theme colour variables from package?
Hello folks,

I've built a package with 1 exported component. In the package itself, I've defined a bunch of colours in the (Default) theme. How can I make those colour variables visible in anything I wrap in that component?

I've read the documentation and I know I can export components, custom formulas, and custom actions. I'm now (laboriously) testing to see how I can use custom formulas to make them visible, but any help or suggestions will speed up the process, thanks!
ssssadsadasd
9
1 year ago
Supabase returns 201 but no row is created
Super weird situation that got me stuck.
I want to insert a new supabase row and it returns a 201 (see pic). Also in the logs it shows that they were successful. The table has RLS disabled.
However, no new row has been created in the table (as confirmed also by SQL queries).

I have tried every possible configuration in the Toddle API but could not make it work. When I run the SQL in the Supabase dashboard it works though.

any idea why this happens? thanks
RasacL
0
1 year ago
How do I subscribe to Supabase websocket and get latest data.
I want to fetch some data that is being added to supabase using websocket connection and display the same in the UI. Right now, I am making too many API calls and that's affecting the performance on my supabase db, Please suggest me how to get the websocket connection working in toddle.dev.
yoelfdz
9
1 year ago
Help modals keep showing up
Love the new help modals/tutorials but for some reason they keep showing up. Any way to prevent that?
saillmone
7
1 year ago
How to edit value of nested object
Hello guys,
I have a "data" variable which groups together several objects.
I would like, for example, to modify the quantity of the variant items[1].

I suspect that I should use the Set & get function but I cannot directly reach the right data.

Can someone help me?

Thanks guys!
Tom Ireland
27
1 year ago
Approaches to server side form validation - toddle x Supabase
Hey, folks. Has anyone got any tips/tricks on how best to handle form validation server side when using toddle x Supabase?

Is the answer to use Supabase Edge functions or CloudFlare Workers for this?

Table constraints and RLS policy checks will only get you so far and I'm conscious of ensuring forms are properly validated, while reducing as much repetition fron end and server-side as possible.
Dov
3
1 year ago
Login page is setting cookie but not redirecting
I have a login page which is receiving back from my server a token. It is being set correctly in cookie storage on the client, but the redirect does not trigger and the login page is reloaded.

I can get the redirect page to load by either:
(1) If I type the redirect url manually, then the page loads correctly (I can see that the token is being sent correctly - so the token has been saved).

(2) Typing the credentials in a second time on to the login page and submitting, then the redirect works correctly (in this case the server will send a new token).

What I have noticed from my server logs, is that after the first attempt to call the redirect, the server receives {{ cookies.access_token }}.

When typing in manually (or after the second submit), the server is receiving the token. I have attached screenshots.

The workflow is very simple (as attached).

As per @Lucas G suggestion I put prevent default at the start of the submit workflow, but that has not helped in this case.

Any pointers would be really appreciated.
Higolol
6
1 year ago
submit to API
Help me to understand submit. I am testing in API test passes successfully, but when I press submit is not
Miles
5
1 year ago
map multiple keys
How do I get an array of objects with say 100 keys down to a new array of objects with just the 3 keys I want?

I've tried the map formula but I can only seem to sepcify 1 key.

Thanks
Charlie
🥲1
0
1 year ago
Adding a script tag just before </body>
I'm trying to load a 3rd party script that needs to be in the body but keeps coming back with the error:
Code found in the page <head>. Please place code directly before the </body>

I've tried it as a component, setting script type to module, as the last element on the page but nothing seems to be working. The code snippet is pretty basic - example below:

<script type="text/javascript">
var vglnk = {key: '454b80f1502c'};
(function(d, t) {var s = d.createElement(t);
s.type = 'text/javascript';s.async = true;
s.src = '//cdn.viglink.com/api/vglnk.js';
var r = d.getElementsByTagName(t)[0];
r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script>

Any advice on how to get around this error?
Muffin
1
1 year ago
How do I style the markdown block plugin?
Chris from Xano
✅1
2
1 year ago
How do I change page metadata?
Can't seem to find the option for this. It just shares as "Toddle template" / "A blank template from toddle". I'm sure I'm missing something obvious, but would appreciate any pointers. Thanks!
asad
1
1 year ago
[SOLVED] how do i get the total rows of data when when using supabase range
i'm implementing pagination and using range , the problem is how do i know the total rows of the data.
benjabievres
0
1 year ago
Dialog Box: Best practices
Hello,
can you please tell me what are the advantages or caveats to use Javascript "Alerts" versus a fully built Dialog box like the one explained by the excellent and straightforward video [here](https://youtube.com/shorts/cTay-PA5AS4?si=fP0gQfHKcnJ_YsC4). ?

So far I found another tutorial that teaches the use of Javascript to create an Alert box. But my phone complains after the second time an alert is displayed (it offers me to block any new alert box), so I was wondering if it's a good practice to use that instead of creating a Dialog Component.

Thanks 😊
saillmone
6
1 year ago
How to call API in a map function ?
Hey,
How can I call the API x times running in the map ?
I have a "title" input where I would like to send the data "M", "L", "XL". This means that I have to make 3 API calls.
I watched several videos, used the AI but I can't do it.

Can anyone help me?

THANKS !
DarrenBignall
3
1 year ago
Show popover on events
Is there a way to trigger a popover that is using the popover API without clicking a button?
Laetitia | Pinshasa
8
1 year ago
Inside a Workflow, how to access the result of a previous step?
I'm trying to use the result of the previous step (create a new record - Post HTTP request), in order to use the result (uuid, id, etc) of the newly created record, in my workflow (on success).
Vizualinx
14
1 year ago
Join tables
How do I join Supabase tables?
ssssadsadasd
12
1 year ago
Upload files to supabase
I try to upload an image to supabase.
I manage to upload it, but the image is blank (empty) and it is only 77 bytes. I suspect this is related to the way my request body is built: it is simply a text (--data-binary "@C:\Users\busha\Downloads\images - made\ai\ca4.jpeg") and it does not recognize it as an image or sth.

How can I make the body "binary-mode" instead of text (what chatgpt suggested me)?

thanks
Alex
7
1 year ago
No load on mobile
Have I set up my toddle incorrectly for this project? It’s my only project that don’t load on mobile…

Anyone able to check it out for me?
ssssadsadasd
0
1 year ago
"Go back to page" button edge case
I want to click a left-arrow icon and go to the previous page in the app. To do so I use javascript:history.back(), however it returns blank page sometimes (e.g. when the user goes directly to that link without previous history in the app).

In that case I want to redirect to another base page in the app. how can I do so? switch does not allow me to get a result from javascript:history.back()

thanks
Dov
2
1 year ago
Remove arrows from a number input
Is there a builtin way to remove arrows from an input? I tried adding the following to the css editor but it does not work -webkit-appearance: none
Alex
15
1 year ago
/logout meant to send to 404?
Whats the correct way to log someone out of my toddle app that's using Supabase Auth?

I heard it was to just action a 'gotourl' "/logout" - but currently this sends user to /404

How can I send them back to /login page or /homepage ?
A-Chivas
2
1 year ago
I cant find the time selection thingy in the Vanilla js calender here, I need it plz help
Alex
23
1 year ago
Create / Update Form Variables
I’m wanting to master forms as I am about to build a whole lot of forms for our CRM build.

Object Variables
Input / change events

Who’s got the video or other help thread or advice for me?
ssssadsadasd
5
1 year ago
Responsive text area template component
Can we find somewhere the responsive text are built as a component in [this video](https://www.youtube.com/watch?v=sVADx4J5arg&ab_channel=toddle) ?
Miles
13
1 year ago
Change branch name
I made the mistake of using an _ in the brand name and now I can't get Google Auth to accept the domain.

Is it possible to change the branch name?
alain
✅1
3
1 year ago
emoji size
hey yalls probably a silly question but for the emoji confetti package, what size do we input? I've tried px and rem but the emoji size isnt changing 🙌
ssssadsadasd
4
1 year ago
Single object attribute or multiple attributes for component
This is probably a trivial question but just wanted to ask.
Suppose I have a component named "post". The post displays data of an object which contains such fields as: content, creator object, images etc. Now, this post component is used in a list. My question is:
in terms of the speed/efficiency the data appears on screen, should the post have an attribute for each field ( content, creator object, images etc.) or should I simply have an object attribute and then in the component itself show the fields.

thanks
nathandh
3
1 year ago
spark drag and drop missing components
Installed this package on 2 different projects; looks like it's supposed to create 3 components? They're listed in the docs but none of them appear in the components area. Am I missing something obvious?
Dov
19
1 year ago
Retrieve checkbox value
I am having difficulty getting the true/false from a checkbox.

I have setup the checkbox by adding an attribute called checked which is bound to a bool in an array. Then on input (or change) event I want to get the value. But when I go into the editor all I can see is event-target-value. How do I get the checked state?
ssssadsadasd
16
1 year ago
Blur div
In bubble I can add blur to a group by writing this code:

<style>
#blur {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);}
#blur1 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);}
</style>

I am not sure how/where to insert it in tooddle to add blur to a div. do you have any input?

thanks
ssssadsadasd
5
1 year ago
Div going 100% width
Anyone has any idea why this group is going 100% width even though I have not set any of the other divs at 100%?
also the divs containing the icon and text are not 100% width. thanks.
https://vimeo.com/1038520302/fc9df76296?ts=0&share=copy
benjabievres
5
1 year ago
Getting an array with a specific index
Hi!

From an API Call, I get an array of Collections "Series" that contains a few fields, as well as an array of Collections "Seasons".
I want to add the "Series" array into a dropdown, and, when I select an item, I want a second dropdown to get the array of Seasons at the index selected in the first dropdown.
So far, I managed to show the list of Series in the first dropdown; value is equal to the selected index.
But I'm stuck to build the formula that fills the second dropdown with "Seasons", with the index selected in the first dropdown.

Can you please help me to configure the second dropdown so that it lists the Seasons that are in the Index of the selected Series?

Here is a sample data
[{"id":11,"name":"Haven","seasons":[{"id":29,"number":1,"completed":false},{"id":30,"number":2,"completed":false},{"id":31,"number":3,"completed":false},{"id":32,"number":4,"completed":false},{"id":33,"number":5,"completed":false}],"completed":false},{"id":12,"name":"Games of Thrones","seasons":[{"id":34,"number":1,"completed":false},{"id":35,"number":2,"completed":false},{"id":36,"number":3,"completed":true},{"id":37,"number":4,"completed":false},{"id":38,"number":5,"completed":false},{"id":39,"number":6,"completed":false},{"id":40,"number":7,"completed":false},{"id":41,"number":8,"completed":false}],"completed":true},{"id":13,"name":"Breaking Bad","seasons":[{"id":42,"number":1,"completed":false},{"id":43,"number":2,"completed":false},{"id":44,"number":3,"completed":false},{"id":45,"number":4,"completed":false},{"id":46,"number":5,"completed":false}],"completed":false}]

Please let me know if you need me to record a video where I explain with more details.
thanks
Kittiphum
5
1 year ago
PDF package
I am using the PDF package by @Jacob Kofoed and i am trying to load in a PDF File dynamically. So on click on a item it takes the url and puts it in but i only get Loading PDF. Nothing happens
Joce Nunes
18
1 year ago
Colias Authentication
I’m currently facing an issue with authentication calls in my system. While all other APIs are working as expected, the authentication endpoints that require a token are returning a 401 Unauthorized error when accessed from specific domains.

For example, this domain https://example.store.com/login is pointing to toddle customer.app.platform.store/store/my_store/login.

If I authenticate on customer.app.platform.store/store/my_store, the call to authenticate customers works correctly. However, if I try to authenticate here: https://example.store.com/login, I get a 401 error.

Here’s the fetch request from example.store.com:
PeterShaw
2
1 year ago
Buildship + Supabase + OpenAI
Hey all, this is not particularly a toddle question but I am working on a backend with Supabase and Buildship to be able to communicate with OpenAI.

In Buildship I trigger OpenAI by creating a new row in Supabase. Then I receive a generated text from OpenAI (for example 1. red, 2. blue, 3. green, 4. purple). I want to add these outputs into a new row in supabase.

How can I seperate the output so that I can add 1.red to row color 1, 2. blue to row color 2,...?

Many thanks
Janis
2
1 year ago
Dynamic API body -> keys
I have a page where users can update various values in the same supabase table (e.g. business_name, ftes, location, domain). These values are edited one by one, so when one value is edited, they should be patched.

How can I make the keys dynamic so that i don't have to add multiple api calls?
GeDeLa
1
1 year ago
Bug? Unable to copy-paste elements
Hi all, I tried to copy paste a td-element (table data cell) in a tr-element (table row) but somehow a new td-element is not created, is this expected behaviour or a bug?

See attached GIF.
Sasha Kuzovlev
2
1 year ago
Working with GSAP Animation
1. I tried to write a simple Action code (screenshot). But it gives an error.
Uncaught (in promise) TypeError: Cannot set property window of #<Window> which has only a getter
at gsap.min.js:10:160
at gsap.min.js:10:175
2. I have not found a good guide on how to properly connect GSAP so that it is available in the entire project, or at least on the entire page. Can someone suggest step-by-step instruction?
3. Are there plans to create animation management functionality in the near future (as an example, you can look at the functionality of keyframes and states in RIVE)?
Fisher
34
1 year ago
Setting Select Drop Down Option based on URL Parameter
I'm able to get the URL Parameter from the URL, and set the Value of the Select option based on it, but I can't seem to figure out how to set which Select option is chosen based upon the URL param.

It's like the Value is being set, but the Label isn't changing.
benjabievres
26
1 year ago
Best practice to chain API calls
Hello,

I have a select element filled from a API Call 1.
When I choose an item in this select element, I call an API 2 and fill a second select element.
And when I select an item from the second select element, it calls an API 3; results are displayed in a List.

So far, it works fine, I leverage the « Changed » trigger of each select element. But I have some issues:

- each select elements refreshed the change event of the other element show the last item of the resulting API calls => how could I ensure the first element is displayed first?

- when I select another item in the first select element, API call 1 refreshes the second select element. But the list is not refreshed => shall I use a different event than « changed » in the second select element?

Do you have any best practice to handle chained elements that leverage API Call?

Thanks
0xJam3s
15
1 year ago
HTTP Cookie Bug
Hey guys, it seems my bearer token is saving but when I get the HTTP cookie it doesn't get pass the value to the my following api calls. It was working earlier. Any ideas, why this might be?
ssssadsadasd
✅1
6
1 year ago
Space between
In bubble (and in css from what i see) there is an option called "space-between" which basically moves div A to the left and div b to the right of the parent row div (see pic). how can I do this in toddle? I tried the different optins in the 3x3 grid but could not find a working combination. thanks
ssssadsadasd
32
1 year ago
Max width for page?
I want my page to not exceed 1200px and be located at the center. so in the main div of the page I set: max width = 1200 px and layout = align top center. but the div still remain at the left. how could I solve this? thanks
codenitrr
16
1 year ago
API URL changes automatically
Hello. I'm having some problems sending a REST API request. In terms of authentication, the API works as follows: GET URL: https://{api_key}:{api_secret}@{cluster_url}/{shop_language}/{resource}.json

If I enter these values and put them in toddle's URL box. Then it automatically removes the values before @.

So example (fake data) with this request:
https://e80d99sfgsf8adfadfadcb7sfg409a:ea624fc02226adfadf22222c1c032f09a@api.webshopapp.com/de/checkouts/123455.json

the request is eventually made to

https://api.webshopapp.com/de/checkouts/123455.json

I don't know if I'm doing something wrong or if this is a bug. I also tried encoding the url, but this too was unsuccessful. I suspect it has something to do with the @ sign for api.webshopapp.com
Danny
15
1 year ago
200 API response, but data appearing under error rather than data
Hi there! Hoping someone might be able to help me out. Running into a super weird issue where I have a Xano API endpoint that works fine and returns a 200 response along with some data, but that data is showing in Toddle under error rather than data.

Has anyone seen this before or have any ideas? Everything in Xano looks normal.
Vizualinx
5
1 year ago
Branch Syncing
Up until now i have only been using branching for versioning, i never figured it out but now i have to figure it out.

I am in middle of building a new feature for my app, and i had to fix some stuff on the live version, i created a new branch made the fixes and published it, i didn't touch anything that i changed in the other branch. but now when i went back to the other branch i can't sync it with the live version (see screenshot).
I had the same when i tried doing this in the past, that's why i have only used branching up until now for versioning only.
ssssadsadasd
3
1 year ago
Chat template?
Just wanted to know whether there is any chat template (whatsapp like) that we can quickly copy-paste in our app. I could build this myself but just to make sure there is sth already built.
thanks
Alex
8
1 year ago
Images not Loading from provided URLs
Hey - anyone able to assist?

I sue this same process on all my toddle projects but for some reason can't load images in repeat lists in this new project?
Vizualinx
10
1 year ago
Pass data through attributes or URL parameters?
In my app i have a lot of modal popups (like contact details, donation details, transaction details etc).

What would be the best way to pass data?

I can think of 3 ways:

On click of a row,
1: I can pass the whole row to the popup via attributes.

2: only pass the row id through attributes and make a new APl call inside the modal.

3: pass the row id through URL parameters and create the APl call in the modal. What is the best way to do it?
ssssadsadasd
4
1 year ago
Parent width question
I have a ul with max width = 600px. I set the li inside it as width = max_width = 100%; same for the div inside this li. Now this div is a row with two elements: an image and another div. This last div goes beyond the parent so I set max_width = 100%, but this does not solve the problem in this case since 100% is considered as the whole parent div and not 100% - image_width.
What should I do to make sure tha this last div does not go beyond the width of the parent? thanks
Usama
4
1 year ago
Embed Component Not Calling Proper URL other than (Weather API by toddle)
I've created a simple component and embed it inside webflow and it's not calling the right url when it's embedded .
somehow the toddle own weather api url is working fine , but any other external api call are not targeting the right url.

maybe it's a bug or i'm doing something wrong... Kindly help me

you can see the screenshot to understand more

I'm calling this API : https://dummyjson.com/docs/products/1
website url : https://lumos-test-020bc5.webflow.io/test
toddle url : https://editor.nordcraft.com/projects/bronze_bib_fortuna_northern_orangutan/branches/test/components/Weather%20Widget?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=style
Mr.R
✅1
13
1 year ago
NULL on query parameter request
Following the swagger from the api documentation gives me NULL result when adding the query parameter field. lso doen't work to filter out certain data for example "Work hours" etc.

Public api endpoint: https://jobsearch.api.jobtechdev.se/
Kittiphum
✅1
4
1 year ago
Bug with conditionals
Hi there,

I have the shown formula in toddle which should check if an item is included in an array. Altough the conditon is true it returns false and i checked multiple times in the database it should be true and not false.
Alex
6
1 year ago
How do I add head and body scripts? Google Tag and Analytics
Anyone completed a google tag manager set up in toddle?
Chris Laupama
6
1 year ago
Web component not auto fetching
I had my web component working fine recent, now it's just stopped working.

I have it taking an argument, using that to auto fetch and populate the web-component, but I keep getting errors.

It's making a GET request to:

/assistant/{assistant_id} ( this is using an input on the API request to populate )

However it only seems to be making a request to:

/assistant/
Alex
7
1 year ago
Filtering Listings on Click Events with IDs
Hey Team Need some help filtering a list based on a set variable storing an ID that can be referenced in the repeated lsit I want to filter.

I've got it working, but if the filter I click does not have any items in the list, it's just an empty list. How can I show a dynamic card "no items" or maybe disable the filter button?
Alex
12
1 year ago
Nested Lists from Supabase in Toddle
Hey Toddlers! I need help with something that is probably very straight forward and something in my Webflow / Airtable brain that would call these "Referenced Items/records" or "Nested Items".

I want to essentially show this grid of case studies and have a display photo and name of the studio/artist that uploaded them. How can I pull in the referenced owner and their info and place inside the list of case studies?

see the example of my webflow marketplace with the logos inside the collection items from a referenced list.

Make sense?
Laetitia | Pinshasa
5
1 year ago
How to get, in Toddle, the equivalent of filterByKey(BigArray, 'name',map(SmallArray,'value'))
I'm trying to get a subset of a list of products, Toddle AI tells me to use filter and match and map, but I can't figure out how to properly use all three (in particular: where to insert "Matches")

In the image,
- BigArray = Products,
- SmallArray = Product
- the node Size is just to check the output (the array should be of 4 items, but I still get 290 as output - so nothing is filter)

(PS : I tried before with includes, etc. but as my database doesn't provide a common id for each item of the SmallerArray, it can't work with a simple Includes here)
Lucvs
1
1 year ago
Responsive design issues
Hey guys,

I'm currently trying to make my web app fully responsive, and while doing that I've come accross a challenge that is probably very simple to solve, but for some reason I can't figure it out.

When I try and set flex wrap for a div that has 2 divs inside, that are supposed to be on a straight line on desktop, and then wrap when viewed on mobile, it instantly wraps while on desktop.

What could I be doing wrong here?

All widths are defined in % apart from the main container of the component.
Alex
8
1 year ago
Get Element ID on Click?
I have a form modal that pops up when I click these buttons inside a repeat list.

How Can I populate the variables in my form with this elements data?

Because I want to then create an UPDATE flow to submit the form changes to Supabase and PUT an update...
ssssadsadasd
0
1 year ago
Page attribute?
In the dashy template -> nav-button -> a -> click-event there is this "page" attribute, however when I search for page there are no results. where can this attribute be found?
Alex
13
1 year ago
Supabase File Upload Reset
Do I have to reset my 'FILE' variable in between multiple uploads using the same form after completion?

If I use the form once, file goes to storage and the new 'case study' record is created... But If I do it a second time, the image doesn't get attached to the new record in supabase and my 'FILE' variable shows as NULL...

Do I need to do some sort of reset on the input field or the variable?
torinson99
3
1 year ago
Toddle adds 'data' tag into hierarchy when parsing Directus API JSON
Greetings. In a browser, a list of Articles from Directus API shows in the JSON hierarchy as: data < 0, 1, 2, 3, etc. but when I connect to this Directus API with Toddle, the list of articles shows up in the hierarchy within the Toddle API window as: data < data < 0,1,2,3,etc..

So when I try to display these articles in a Snippet<Card with 'repeat' option, although the cards themselves repeat, the content within the cards (for example 'heading = article title') does not repeat.

How can I get rid of this extra 'data' tag from the JSON API data hierarchy within Toddle, because it seems Directus' API is correct. Thanks in advance.
Vizualinx
2
1 year ago
I broke toddle 🫣 (looks like i won the bad ui challange..)
This https://discord.com/channels/972416966683926538/972416966683926541/1313894884775825490 happened when i did the logic as seen in the screenshot. What have i done so bad??
Chris Laupama
3
1 year ago
Checking if query params are set or not
I am trying to check if they my id param has a value or not.

So far I'm using "equals" and "not equals" to null. That works fine when live, but within the designer it will only equal true if the equals is an empty string.

I don't want to send a null value as a param, so what's the best way to do this? - shouldn't the absence of a param = null?

eg in production:

domain.com/?id=1234 - this !=null TRUE
domain.com/ - this = null TRUE

that behaviour should work in the designer too tho otherwise it makes designing a bit of a pain as in the designer it works like this:

domain.com/?id=1234 - this !=null FALSE
domain.com/ - this = null FALSE
domain.com/?id=1234 - this !="" TRUE
domain.com/ - this = "" TRUE
Chris Laupama
8
1 year ago
Can packages be used in exported web components?
I keep getting errors in my exported web-component that it couldn't find package components?

I'm using @Andreas Møller markdown block within a web-component and it's just not working.
Leo
7
1 year ago
How Can I Dynamically Change the Color of Text Enclosed in Asterisks in Toddle?
I'm working with a block of text that's rendered from an API. Within this text, certain portions are enclosed between asterisks (...). I want to make only the text between these asterisks appear in blue, while keeping the rest of the text in its default color.

Since I cannot manually wrap or modify individual parts of the text due to its structure and the way it's received from the API, how can I dynamically style just the portions between the asterisks to be blue in Toddle?
Lucvs
23
1 year ago
Creating a curve through div points on a graph
Hey guys,

I have a bit of an unusual issue with my toddle project. I've created a graph where I'll have 7 dots where the positioning is set to style variables that will come from my db, this functionality is working as intended, but I would like to create a curve that runs through these 7 dots.

So far I've tried to make a custom action where I import my 7 point variables and create a SVG bezier curve that should run through thoose 7 points and then set that as innerHTML of the div, but for some reason it seems like it can't find the div?

I've tried doing it both inside and outside of a component.

Does anyone have an idea where I may be going wrong, or another (easier) solution to this?
Miles
6
1 year ago
Confetti Origin
How do I get the confetti to shoot from the the location of the mouse click. I'm currently stuck here while trying to set the origin 🙂

TIA
Bastien
2
1 year ago
Dashboard template for private member space with Outseta
I think it is possible but I guess I would need a paying plan on Toddle to put my app on a subdomain right ?
I just need to add a script in the header. How can I add Outseta script to the header ?
mesmoiron
0
1 year ago
Local storage and updating variable - returns undefined
Hello All,

I am testing the update of a profile field. I have bind it to its variable. When I type in the input field, the local storage value is displayed in a span for testing. However when I click on the button; I get an undefined and it clears the local storage somehow.
Bastien
15
1 year ago
SSR or CSR ?
Is Toodle rendering on server side or client side ? I am asking because CSR is bad for public apps with SEO need
dipova93
0
1 year ago
Is it normally that I have weather icon on canvas but when I click preview page no icon but circle?
asad
0
1 year ago
reload api outside a component
i have a component with autofetch api and want to reload it outside on another component. my approach was to add attribute reload to the component with value 1. then on the api autofetch formula i point it to the reload attribute. but it is not reloading . how can i fix it
see this thread https://discord.com/channels/972416966683926538/1310573194096152668
benjabievres
33
1 year ago
Best way to secure API Keys
Hello!

I want to make calls to a Baserow Database, but it uses an API key (and not any session token). If I want to use this key and not disclose it in my public Toddle app source code, how would I do?

Since there is no login endpoint, I have no way to grab the key dynamically and keep it in a session cookie.

I imagined a way that would leverage Make: I create a login webhook scenario, which returns the Baserow API key after it checked credentials.

Another way I can imagine is to use KDF to generate a derived key that would be used at runtime to decrypt the API Key (and store it in the session cookie). Like this the key in the source can’t be used without a runtime password the user would type.
But I’m not sure we can create a function that leverages the crypto librairies in Toddle.

Do you have any other idea?

Thanks
Malik Tanveer Dhool
10
1 year ago
Work Saving Challenges
Hello everyone,

Today, I spent time testing multiple no-code frontend tools, and I must say, Toddle stands out as the best among them. It's extremely user-friendly and, best of all, free to use.

I also learned how to integrate APIs to fetch and post data to Xano using Toddle, which was a fantastic experience. The process was smooth and quite educational.

However, I did encounter an issue with Toddle's publishing system. By mistake, I clicked the publish button, and unfortunately, all my work was lost. It seems there might be a flaw in how Toddle handles its branching concept.

For those of you familiar with Toddle, how do you manage and save your work effectively to avoid losing progress? Any tips or best practices would be greatly appreciated.

Thank you!
Gabriel Salazar
11
1 year ago
How can I cache my API calls?
Hi, I would like to know if it is possible to cache API calls, for example from Supabase? To help us consume less database resources and improve the user experience.
Chris Laupama
10
1 year ago
Xano redirect not working
I've created a redirect to check if my current user is logged in and if they are not then redirect to them to the login page, however it's not working and ALWAYS redirects them to the login page?
Abhishek
2
1 year ago
Theme
Is there a way to change the builder theme to light ? I just can't find the setting.
Mr.R
✅1
13
1 year ago
Filter posts
Still learning Toddle formulas by asking Ai but i can't seem to grasp the function output it describes.
I'm trying to filter the api response data so that it displays posts/repeated items from within 30 days from publishing dates.

Attaching a screenshot from my attempt that failed.
Olumise
👍1
5
1 year ago
Context, Workflows & Global Variables
Hi Guys,
I have a couple of questions, I will appreciate if anyone can help:
1) I am having a hard time understanding Contexts and Workflows in Toddle, I see them in some packages, but I don’t understand how they do what they do.
2) How can I make a particular variable Global, what I mean is , how can I make a variable be available to use in other pages. I found out that if I create a variable in a particular page, I can’t use it in another page.

Thank you
Sam B
18
1 year ago
Quite a strange behavior with my POST request
I have a POST request where I send multiple variables to my Xano backend. I send it as an Object where I set variables along with appropriate values. I send 8 variables in the BODY, but when I goto xano, I see only 7 and also not the values I intend to see. For eg., all of them should have String values, but for 2 of them I see as objects.

I really am confused as to how this can happen. Has anyone had such a situation?
Matthieu B.
8
1 year ago
Bubble’s option-set alternative in toddle.dev using variables
Hey toddlers,

Coming from bubble, I’m basically wondering how I could use an equivalent of “option-sets”

Let me explain. It’s a very simple use case.

Let’s say I have a list of 3 categories, (Sales question, product info, Bug)

1)
I want to display them programmatically, in a list, avoiding me to :
- misspell a category name
- Add or remove categories in one place, without having to modify the UI each time.

2)
When I click a category, I want the ‘category’ to be “selected”, and show the user a different UI, when selected.

Back to bubble.
Bubble’s Option-set are stored on the client’s browser, but act a bit like database.

So in toddle, I guess, I could create my categories in the database, like a classic table…
But I was thinking of using variables to solve my issue.

Question :
was that clear ?
If so, do you have a solution ?
Karthick_pk
5
1 year ago
Status Button, how to!
I want my button to change the status of an existing column in supabase. On click of a button it should change the Pending to In Progress and to Completed. How to achieve this in toddle and supabase?
Matt
2
1 year ago
How to correctly use append
Hi guys,

I recently asked a very similar question about getting some help duplicating a habit component on button click. I'm still struggling. So far I have set up a habit variable which is currently an empty array, and have tried to set up append in the click event, but am struggling to configure it correctly. Is there any resources that go through this process in detail or something similar for complete beginners ? I'd eventually like to make this a user facing web component that has a state based on a userID or something similar so each end user can track their own progress.
mossi
8
1 year ago
Dynamically changing order of elements in a component from a page
I have a component with 5 input fields arranged in a column with input 1 on top and input 2, 3, 4 and 5 below it. I use this component in a page. Is there a way to change the order of these elements on the page dynamically. That is, based on a variable or triger on the page change the order to input 5 be on top and rest below it.
Tom Ireland
12
1 year ago
Approaching dialog design and reusability
This might seem a bit like a noob question but I'm trying to figure out a good approach to developing a dialog component that encapsulates the show/hide functionality without having to utilise page variables to set state e.g. dialog shown/hidden. The idea being that I can reuse this component in various places without any prerequisite configuration on the page and just configure the component accordingly.

I developed something last year but it still requires capturing the state on the page and I'm thinking there must be a way to do this in the context of a component, particularly if you have multiple dialogs that need to be shown depending on the action taken.

I tried to reverse engineer a couple of examples I've seen e.g. Andreas' color-picker panel, Max's dialog example for Spark, etc., but not having much luck. I just can't seem to figure this problem out.

I could use the Popover API but that's not really the best for a dialog where some kind of input is required (better for tooltips, etc.) and it also means that the page is not inert either, so you can still interact with elements behind the dialog.

I could also forego the dialog and opt for a separate page for CRUD operations but some are simple e.g. one field to input, so better suited to a dialog for UX instead of loading a new page.
Sam B
9
1 year ago
Create/Edit form flow
I have multiple pages which can take the create flow or the edit flow depending on the user action. Here is what I do:

1. I set a variable called "mode" to session storage. It may take a value "create" or "edit" depending on which button was clicked.
2. In the first form page, there are 2 fields, say "name" and "description". It needs to be populated from database if it's an edit flow or it'll be blank if it's create flow
3. To handle this, I have 2 formulae, 1 for name, 1 for description
4. I call them populateName and populateDescription. I use DefaultTo and use a GET API's response against 0 and leave it blank for 1. Meaning, if the API responds with a value, that'll be populated, else it will be blank
5. If the user wants, he/she can change the existing value and click on Submit
6. I have two variables "name" and "description". On change event of the textbox, I set event.target.value to these variables.
7. On Form submit, I check the mode and branch out to POST or PUT flow
8. It branches out perfectly. In the PUT API, in the Body section, I set an object with name and description as keys and set the values (as set in Step 6)
9. When I submit the form, it invokes the PUT request, the problem I face is, it does not send the updated value in Name and Description textboxes, it sends the populated value.
10. I'm not binding the variables to the text boxes, since I have different flows which is why I do Step 6 explicitly

What am I missing? Can someone help please?
nathandh
1
1 year ago
circular div glyph
What does it mean when you see this circular glyph? Cloned a project and never seen this before
Tobassum Munir
2
1 year ago
can i use auto css in toddle?
can i use auto css in toddle?
Iamasuperuser
7
1 year ago
Date functions
Hi! I've discovered the NOW formula to get todays date. But is it possible to say something like "Now minus 7 days"?
The AI bot says to use the AddDays -7 function, but that seems to be a hallucination, as AddDays doesn't exist. Neither does Offset or any other date manipulation formula. Would anyone know how I can add and remove dates from a date in order to show that variable in a Date Input field.
Thanks
unicodes
6
1 year ago
Style Scroll Bar Width or Library?
Is there a library for a better scroll bar? The default one is impossible to style the width (width is height 😦 ), I want it small of maximum 50px.
asad
4
1 year ago
filter array with array
IsaacT
3
1 year ago
Yes, another novice who is learning.
I have proposed to migrate an entire project I have with Xano, Webflow and OpenAI, replacing Webflow with Toddle. I hace made a lot advances in the backed

I have to build from scratch some elements that I have in Webflow and that ridiculously I have no idea where to start.

I've seen several videos, but none of the elements I need, starting with the simplest one. A navigation bar that has a dropdown.

Some guidance
Neville
7
1 year ago
Default font
I need some help understanding how fonts, inheritance etc works.
What I would like to do: set the font once and have it show up everywhere.
What I hoped would happen: set the font on the root div and have it show up everywhere
What I think I have to do: set font:inherit in every element of the tree
What I think I can also do: put custom CSS in the head of each page to force the font

From browsing around here I believe a default font is somewhere on the roadmap. In the meantime, do I understand this correctly, and what options do I have?

Thanks for any help!
J.A.J
1
1 year ago
Double clicking on the default "try now!" project's components results in empty page?
is this normal?
unicodes
4
1 year ago
Workflows, parameters aren't working.
I have this workflow for "showing and hiding error messages."
I'm passing a message (e.g., a login error) as input, but the parameter is null (the showing and hiding functionality is working fine).

Could there be an issue with the parameters, or am I missing something?
nathandh
✅1
8
1 year ago
Component naming
What toddle calls component “attributes”, other typical web tech (like React generally or Webflow specifically) calls “properties”. When I see “attributes”, I think data-attributes every time, which is not the same thing.

Why the difference in naming convention?
Fisher
4
1 year ago
On Load API calls?
I have a page, and On Load I want to set a bunch of things from an api call to variables. I do this several times to account for several different variables to set. My question is: Is this API call happening several times on load, one for each variable set? If so, what is the better way to do this?
zefunha
19
1 year ago
List json key value pair
Hi all,

How do I list out the key value pair from a json object.

At the moment am just listing the object only and not the key.

Is there a way to list key in one div/list and the object in another
Patrick Mast
2
1 year ago
How can a page determine if it is running in the editor?
I have a workflow that triggers on “OnLoad.” How can I prevent it from running while editing the page in the editor? How can the page detect whether it’s running in the editor or not?
Matt
6
1 year ago
Duplicate Child Component From Parent
Hey guys,

I'm completely new to toddle and am trying to set up a 'habit tracking' component that can create new child 'habit components' when a user click the 'add habit button'.

I've set up a click event on this button and believe i need to set up a repeat formula on the child component but can't seem to get it working! Any advice would be much appreciated.
Tom Ireland
6
1 year ago
Is there a way to programmatically get the window.location.href?
If I navigate to https://my.toddle.site/subscribers and I'm not logged in, I get redirected to the login page to submit my email address and then verify my OTP (expected).

I'd like to be able to redirect the user back to /subscribers if login is successful. This would be the same for other pages a user might visit.

Is it possible to grab the URL dynamically to set up a redirect and pass that along with the login flow?

My guess is query params in some way shape or form?
mossi
4
1 year ago
TypeError in exported web component
I'd appreciate any insights;
I made a simple component in toddle that has a few divs and a couple of APIs. I used the export snippet to embed the component in my website. My website is a CMS based site (Joomla) with 3 themes/templates. The component works as expected only with of the themes and gives the following error when other themes are activated. Just to give more context, on the problematic themes, some elements still work and the issue is that only one of the divs in the component fails to render, and one of the apis fail to work. here is the error:
TypeError: Cannot read properties of undefined (reading 'cleanup')
at createNode.ts:296:18
at Array.forEach (<anonymous>)
at createNode.ts:294:43
at Ct.subscribe (signal.ts:35:5)
at v (createNode.ts:188:18)
at _ (createNode.ts:340:12)
at createElement.ts:191:26
at Array.forEach (<anonymous>)
at po (createElement.ts:190:19)
at m (createNode.ts:40:11)
Sean
39
1 year ago
Does an empty string evaluate to true or false?
Why does an empty string here evaluate to true? I assumed that this would be false but this evaluates to true.
Joel June
7
1 year ago
Need help with styling tabs
Hi guys! I nam looking for some help surrounding Tabs. I am coming from Webflow where there are standard tabs components that you can style. I coudn't find any tabs in the elements. For this reason I downloaded the shoelace components. I copied and pasted the tabs component on my project, but I can seem to put styles on some of the items. Can someone explain to me how I can edit the style?
benjabievres
6
1 year ago
How to keep user's preferences
Hello!

I created a "checkbox" Input and a corresponding "showViewed" variable => I will use the variable in a Filter to show only specific items.
This part is fine, even if the formulas are a little more tricky since we have to use the "checked" attribute and not the value that is passed by the event.

But, I would like to keep the user preferences so that it goes back next time the user opens the page. For this, I suppose that Local Storage is the way to go.

I tried different things, but I can't make it work properly (in 'preview' mode).

So, how can this be achieved? (let's call the Local Storage variable "showViewedLocal".
- The first time the user opens the web app in a browser, "showViewedLocal" doesn't exist.
- When should I load "showViewedLocal"? on the onLoad event? And shall I store this variable to "showViewed"
- When should I store "showViewedLocal"? on each "change" event of my checkbox?

If you know any tutorial I could use to learn, it would be great!

Thanks

Benjamin
PinkSaltWhitePepper
15
1 year ago
Itunes Tutorial API trouble
I am having trouble getting the API to look or work right, and I am not able to get it like the tutorial. What am I doing wrong? Thanks.
Lord Almighty
45
1 year ago
How do I create an array with specific data from an api request?
I've been trying to figure out how to put data from an api request into an array. I cant figure it out.
benjabievres
6
1 year ago
Changing items in a list generated from an API call
Hello,

I would need advices on how to proceed for the following, please:

I generated a List from an API call. I would like to be able to switch a boolean or to change the value of a field of some items, and to click a Save button.

But, since the list items are generated from an Array I got from an API call, how can I set the different new values?

To summarize: I want the list to be filled with data coming from the API call response array, I want to be able to change some values, and then to update data, calling another endpoint (I didn't build the endpoint yet).

How can this type of use-case can be achieved?

Thanks
Rrrrnnyg
6
1 year ago
Page visit behavior will be included in the request?
Hausia
5
1 year ago
Filtering Airtable API Call
Any ideas why this filter isn't working?
Dov
3
1 year ago
"application/octet-stream" xlsx file
Hi

What is the best way to save and serve a spreadsheet that is being sent as a stream?

Thanks for your help.
Godwin
2
1 year ago
How can I turn my javascript code into a toddle component?
Seun Orofin
25
1 year ago
My toddle site crashed - please help
I was working on a page and it suddenly went all blank while i ca n still see all my elements and components on the page

1 2

3 4 5

137