🖼️ Add persistent per-view layout modes (table / tiles / gallery) by Rello · Pull Request #2407 · nextcloud/tables

Rello · 2026-03-18T11:50:31Z

Motivation

Implement optional gallery and tile views, as available in SharePoint
Both views are using the first column to get the picture url for the preview
Tile is only showing the picture plus its title from the 2nd column. Use case: Index pages
Gallery view is showing all additional columns from the current view. Use case: Product catalogue or inventory
Provide persistent, per-view layout modes so users can choose between table, tiles and gallery and have that preference stored with the view.
Expose layout selection in the View settings modal and apply the persisted layout automatically when a view is opened, while keeping backward compatibility (missing/old values => table).

Implementation

Source data

Tile View

Gallery View

Settings modal

Sharepoint reference

565593259-fda68f2f-2a04-4ace-b1f9-fb2efbc6c77a-2

Rello · 2026-03-18T12:10:17Z

@jancborchardt as new layouts will be relevant for your opinion

jancborchardt

@marcoambrosini one for you, check it out. :)

@Rello do you have reference screenshots from Sharepoint as you mention?
List and Gallery view currently also look very similar (with Gallery in need of some design improvement).

Rello · 2026-03-19T20:36:26Z

@marcoambrosini can you please have a look now? the PR was now implemented and tested on the branch and I added the actual screenshots from the working app

enjeck

Just confirming that the state when there's no image is designer-approved? Here, for a tile view, I don't see why say "No image" instead of just text-based tiling like in https://media.geeksforgeeks.org/wp-content/uploads/20231218102144/Screenshot-2023-12-18-102058.png, for example.

cc @marcoambrosini

Rello · 2026-04-28T08:37:31Z

@copilot resolve the merge conflicts in this pull request

Copilot · 2026-04-28T08:59:35Z

@copilot resolve the merge conflicts in this pull request

Merge conflicts resolved in commit 539a382 — brought in the pin-column feature from main alongside the card layout changes, with no conflicts remaining.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

download.cypress.io
- Triggering command: /usr/local/bin/node node dist/index.js --exec install /home/REDACTED/.cache/node-gyp/20.20.2/deps/zlib -I /home/REDACTED/.cache/node-gyp/20.20.2/deps/v8/include -I ../../../../../nan --64 -o Release/obj.target/sshcrypto/src/binding.o --no�� rd (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Configure Actions setup steps to set up my environment, which run before the firewall is enabled
Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Rello · 2026-04-29T11:51:08Z

Just confirming that the state when there's no image is designer-approved? Here, for a tile view, I don't see why say "No image" instead of just text-based tiling like in https://media.geeksforgeeks.org/wp-content/uploads/20231218102144/Screenshot-2023-12-18-102058.png, for example.
2BK1ZfxUS9CBdrnTws71-prkJ5-t8t_fhbs">
cc @marcoambrosini

@enjeck what do you mean by this? I am not sure if I understand. what would you show instead of the "no image"?

Signed-off-by: Rello <github@scherello.de> Signed-off-by: Rello <Rello@users.noreply.github.com> AI-assistant: Codex (GPT-5)

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 253b902313

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

chatgpt-codex-connector · 2026-05-11T12:26:12Z

 					array_merge($inputColumnsArray, [
 						'sort' => $newSort,
 						'filter' => $newFilter,
+						'layout' => $view['layout'] ?? null,
 					])


Preserve and remap viewSettings during table import

When importing views in createFromScheme, the payload passed to ViewUpdateInput::fromInputArray() remaps columnSettings, sort, and filter, but drops viewSettings entirely. Because TablesView now includes viewSettings card source IDs, imported views lose their configured title/background sources (or keep stale IDs if later added elsewhere), so imported layouts are not faithfully restored.

Useful? React with 👍 / 👎.

chatgpt-codex-connector · 2026-05-11T12:26:12Z

+				if (stored !== null && stored !== undefined) {
+					const exists = this.cardSourceOptions.some(opt => opt.id === stored)
+					if (exists) return stored
+				}
+				return this.cardSourceOptions[0]?.id ?? null


Persist fallback card source IDs before submitting view updates

This getter returns a fallback column ID for display when the stored cardBackgroundSource is no longer in cardSourceOptions, but it does not write that fallback back to mutableView.viewSettings. If a user removes the previously selected source column and saves without manually reselecting, the request still sends the stale ID, and backend validation rejects the update with an invalid card source column error.

Useful? React with 👍 / 👎.

jancborchardt

@Rello As @enjeck says, it is indeed weird to show "No image", especially as it underlays the text.

Instead, it would be better to show nothing as @enjeck proposed and just focus on the text.

FYI @marcoambrosini

Rello requested review from blizzz and enjeck as code owners March 18, 2026 11:50

Rello added the codex label Mar 18, 2026 — with ChatGPT Codex Connector

Rello linked an issue Mar 18, 2026 that may be closed by this pull request

Add view mode: Tiles #313

Open

jancborchardt requested a review from marcoambrosini March 18, 2026 13:27

jancborchardt requested changes Mar 18, 2026

View reviewed changes

Rello marked this pull request as draft March 19, 2026 15:16

Rello marked this pull request as ready for review March 19, 2026 20:37

jancborchardt added this to 🖍 Design team Mar 30, 2026

jancborchardt moved this to 🏗️ At engineering in 🖍 Design team Mar 30, 2026

AndyScherzinger added enhancement New feature or request 3. to review Waiting for reviews labels Apr 12, 2026

Rello changed the title ~~Add persistent per-view layout modes (table / tiles / gallery)~~ 🖼️ Add persistent per-view layout modes (table / tiles / gallery) Apr 13, 2026

Rello requested a review from jancborchardt April 13, 2026 10:47

This comment was marked as outdated.

Sign in to view

This comment was marked as resolved.

Sign in to view

AndyScherzinger mentioned this pull request Apr 14, 2026

Reorder Application resources #2245

Merged

marcoambrosini approved these changes Apr 21, 2026

View reviewed changes

AIlkiv reviewed Apr 22, 2026

View reviewed changes

Comment thread lib/Migration/Version1000Date20260318000000.php

enjeck reviewed Apr 24, 2026

View reviewed changes

Comment thread src/modules/modals/ViewSettings.vue

enjeck reviewed Apr 24, 2026

View reviewed changes

Comment thread src/modules/modals/ViewSettings.vue

Rello marked this pull request as draft April 28, 2026 08:37

Copilot started work on behalf of Rello April 28, 2026 08:37 View session

Copilot finished work on behalf of Rello April 28, 2026 09:01

feat: add persistent per-view layout modes

253b902

Signed-off-by: Rello <github@scherello.de> Signed-off-by: Rello <Rello@users.noreply.github.com> AI-assistant: Codex (GPT-5)

Rello force-pushed the codex/implement-persistent-layout-modes-in-nextcloud-tables branch from 31001dd to 253b902 Compare May 11, 2026 12:17

Rello marked this pull request as ready for review May 11, 2026 12:19

chatgpt-codex-connector Bot reviewed May 11, 2026

View reviewed changes

jancborchardt reviewed May 21, 2026

View reviewed changes

AndyScherzinger added the AI assisted label Jun 6, 2026

Conversation

Rello commented Mar 18, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Motivation

Implementation

Source data

Tile View

Gallery View

Settings modal

Sharepoint reference

Uh oh!

Rello commented Mar 18, 2026

Uh oh!

jancborchardt left a comment

Choose a reason for hiding this comment

Uh oh!

Rello commented Mar 19, 2026

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as resolved.

Uh oh!

enjeck left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Rello commented Apr 28, 2026

Uh oh!

Copilot AI commented Apr 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

Rello commented Apr 29, 2026

Uh oh!

chatgpt-codex-connector Bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

chatgpt-codex-connector Bot May 11, 2026

Choose a reason for hiding this comment

Uh oh!

chatgpt-codex-connector Bot May 11, 2026

Choose a reason for hiding this comment

Uh oh!

jancborchardt left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

7 participants

Rello commented Mar 18, 2026 •

edited

Loading

Copilot AI commented Apr 28, 2026 •

edited

Loading