Help forum

Create post

Jehex
5
5 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
5 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
5 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
5 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
5 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
5 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
5 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
5 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
5 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
5 months ago
Day 2 Tutorial: iTunes Search App Not Working on Mobile browser.
Jose Verdin
✅1
2
5 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
5 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
5 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
5 months ago
Getting refresh tokens to work via http cookie
kennypurnomo
23
6 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

13 14 15

130