Pricing Blog

Help forum

  • stockton_f-1372436788546900068

    Stockton

    5

    2 months 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://toddle.dev/projects/beige_yoda_subtle_vole/branches/start/components/home?canvas-width=800&canvas-height=800&rightpanel=style
  • quietrocket-1372174989326811267

    QuietRocket

    2

    2 months 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.
  • sally_51110-1372008640365461665

    Salutina

    14

    2 months 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-1371924176243261543

    spencercap

    1

    2 months 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-1371882765754171453

    ssssadsadasd

    1

    2 months ago

    Initial value of a variable in a reusable = attribute?
    [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
  • .targox-1371782818828521493

    Targox

    6

    2 months 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.irl-1371149672558891131

    Greg IRE

    7

    2 months 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_08753-1370840247436578826

    Henk_BLUE

    7

    2 months 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-1370665821512400967

    PandaBearMe

    5

    2 months 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.
  • zion_pilgrim-1370381153051218072

    FxRazor

    1

    2 months ago

    [Help/Advice] Implementing ForceGraph into a Nordcraft-based Web App
    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 💙
  • jerome_13677-1370158749523640351

    Jerome

    2

    2 months ago

    Styling Query
    Is there a way in NC to style the last li to not have a border bottom?
  • benjamin.h-1370093017909956678

    Ben H

    1

    2 months 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.
  • .targox-1369730280524353658

    Targox

    0

    2 months ago

    Successive API Calls. Dev tools contradicting UI Response window.
    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.
  • jreed5-1369707907486191636

    jackson

    15

    2 months 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!
  • carterux-1369692660201422879

    Seun Orofin

    3

    2 months 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
<
1
62
>