Help forum
- Chat Interface CSS
Stockton
5 2 months ago
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://toddle.dev/projects/beige_yoda_subtle_vole/branches/start/components/home?canvas-width=800&canvas-height=800&rightpanel=style - Reacting to Workflow exposed in Context
QuietRocket
2 2 months ago
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 . - Checkbox value not sending in POST request to Xano
Salutina
14 2 months ago
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 ! - Web Components + data-node-id attr
spencercap
1 2 months ago
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" /> - Initial value of a variable in a reusable = attribute?
ssssadsadasd
1 2 months ago
[Here ] ( https://toddle.dev/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 - Filter not working on array
Targox
6 2 months ago
Am I missing something obvious ? Why am I still getting "21 " and "27 " while my filter says "4 " - Flex shorthand
Greg IRE
7 2 months ago
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 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 ; ; instead ? Thanks - Question about periodically polling data from client-side
Henk_BLUE
7 2 months ago
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 . . - Trouble copying from one page to another
PandaBearMe
5 2 months ago
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 . - [Help/Advice] Implementing ForceGraph into a Nordcraft-based Web App
FxRazor
1 2 months ago
I ’m currently looking at building a knowledge -based website powered by Directus CMS , and I ’m aiming to create a visual , interactive map of articles and their links —kind of like what you 'd see in Capacities or Obsidian . 🔍 What I 'm trying to build : A force -directed graph that shows how different articles or notes are related . Each node would represent an article , and the links between them would reflect references or tags . The backend is Directus , and I ’d like to fetch and display this data dynamically . 💡 My stack vision so far : Frontend : Nordcraft UI framework (for the cozy , modular style ) Graph rendering : Possibly using force -graph or D3 .js . CMS : Directus (already structured to relate entries ) 🔧 My Questions : Are there recommended components or patterns within Nordcraft to start with this kind of visual module ? Is this type of dynamic graph interface realistic inside Nordcraft ’s design system ? Any tips on how to structure the data in Directus for graph rendering ? 📎 Bonus Info : If it helps , the app is meant to be a website or system where users can visually explore linked articles , notes , and external references . Think of it as a semantic web map in your browser . This is not to create a Saas like Obsidian or Capacities but a website . Thanks in advance to anyone who shares insights ! 🙏 Would love to see examples or starting points if you ’ve done something similar 💙 - Styling Query
Jerome
2 2 months ago
Is there a way in NC to style the last li to have a border bottom ? - npm + build tool vs import from CDN
Ben H
1 2 months ago
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 . - Successive API Calls. Dev tools contradicting UI Response window.
Targox
0 2 months ago
Hey guys , I 'm trying the following . Auth api call with access token (1 ) - > didn 't work ? New refresh token api call (2 ) > Use refresh token to make a 3rd member subscription api call now , it never seems to fire according to the API Response window in Nordcraft , but it does seem to work when looking at Chrome dev tools . Is this a bug or what am I missing ? This ensures that my 3rd API call fails . - Dropdown options blacked out?
jackson
15 2 months ago
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 ! - I am trying to build an interactive component in toddle to use as a web component in webflow....
Seun Orofin
3 2 months ago
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