Card layout config

a24vinla commented

2026-04-10 07:24:57 +00:00

Collaborator

To facilitate each user haveing their own unique and saveable layout/grid/window we need to be able to save the current layout and which cards contain which views. Some views (like the text/note card) will have additional data that needs to be saved. This config should then be saveable in a DB, but that is another issue.

To clarify, we need a JSON file that contain all cards, positions, card and grid settings.

Please refer to these issues when solving this: #173 #200
Related Issues: #218

To facilitate each user haveing their own unique and saveable layout/grid/window we need to be able to save the current layout and which cards contain which views. Some views (like the text/note card) will have additional data that needs to be saved. This config should then be saveable in a DB, but that is another issue. To clarify, we need a JSON file that contain all cards, positions, card and grid settings. Please refer to these issues when solving this: #173 #200 Related Issues: #218

a24vinla added the

design

frontEnd

labels

2026-04-10 07:24:57 +00:00

a24vinla referenced this issue

2026-04-10 07:26:48 +00:00

Load grid layout through config #218

a24vinla added a new dependency

2026-04-10 07:26:59 +00:00

#218 Load grid layout through config

b24idalu was assigned by c24elipe

2026-04-10 09:10:47 +00:00

b24idalu commented

2026-04-10 13:44:07 +00:00

Collaborator

I split up this issue into two parts:

Saving grid system to local storage so that when one reloads the page the data gets saved.
"Saving to a json": created a function that creates a json file with the data, but it is tough to test through browser. Browsers are not allowed to write files immediately into filesystem, and would therefore need to be downloaded. That could be a work around to test it, problem is that it would be kind of difficult to test if the config works since they are not allowed to read either. It would have to be uploaded at the same time as the whole project instead. From research, to test through browser, it would be better to go through api and then immediately to DB and skip the json file.

Edit to 2: one can still download and input files, but extra user actions will be needed.

I split up this issue into two parts: 1. Saving grid system to local storage so that when one reloads the page the data gets saved. 2. "Saving to a json": created a function that creates a json file with the data, but it is tough to test through browser. Browsers are not allowed to write files immediately into filesystem, and would therefore need to be downloaded. That could be a work around to test it, problem is that it would be kind of difficult to test if the config works since they are not allowed to read either. It would have to be uploaded at the same time as the whole project instead. From research, to test through browser, it would be better to go through api and then immediately to DB and skip the json file. Edit to 2: one can still download and input files, but extra user actions will be needed.

a24vinla commented

2026-04-10 13:58:33 +00:00

Author

Collaborator

Very valid to split the issue.

Saving on refresh is necessary and would be very nice to implement early.

Clarification regarding second issue: since we currently don't have a DB to save the layout to, a separate file would be enough. We need to design and build the DB partly based on the structure of the data of the layout. Using JSON is not necessary, but the data will have to be somewhat parsed/grouped between the DB and react-grid-layout. You have full freedom in deciding the best way to do this.

Very valid to split the issue. Saving on refresh is necessary and would be very nice to implement early. Clarification regarding second issue: since we currently don't have a DB to save the layout to, a separate file would be enough. We need to design and build the DB partly based on the structure of the data of the layout. Using JSON is not necessary, but the data will have to be somewhat parsed/grouped between the DB and react-grid-layout. You have full freedom in deciding the best way to do this.

a24vinla commented

2026-04-10 14:00:04 +00:00

Author

Collaborator

Skipping the "JSON-step" could definitely be a solution once the database is in place.

Let me know if anything is unclear still.

Skipping the "JSON-step" could definitely be a solution once the database is in place. Let me know if anything is unclear still.

b24idalu commented

2026-04-10 15:35:22 +00:00

Collaborator

The important part seems to be to create a format on how the data will look and create a way to easily work with it rather than exporting it. I have made two functions, one that stores and one that retrieves data in json format.

b24idalu referenced this issue

2026-04-10 16:59:36 +00:00

#217 & #218 Card layout config #240

a24vinla referenced this issue

2026-04-14 08:53:27 +00:00

Break out grid layout config saving from app/home/dashboard to its own file #279

a24vinla referenced this issue

2026-04-16 11:44:16 +00:00

Support for multiple dashboards/layouts #361

a24vinla referenced this issue

2026-04-22 06:55:03 +00:00

Implement saving card content for image and TimeEdit card #486