Help forum

Create post

Iggy
9
5 days 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 days 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
7 days 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
7 days 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
8 days 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
10 days 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
12 days 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
17 days 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
19 days 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
19 days 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
20 days 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
20 days 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
21 days 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
22 days 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
22 days 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?

1 2

3 4 5

131