AppFlowy-IO/AppFlowy

Fork 0

mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 12:56:59 +00:00

[GH-ISSUE #1730] [FR] Support column layout #664

New issue

Closed

opened 2026-03-23 20:39:24 +00:00 by mirror · 9 comments

mirror commented

2026-03-23 20:39:24 +00:00

Owner

Originally created by @abichinger on GitHub (Jan 19, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1730

Originally assigned to: @LucasXu0, @qinluhe on GitHub.

Description

Allow the user to split a section of the document into multiple columns. The width of each column can be adjusted by dragging the separator between columns. It is possible to add and remove columns. A column can contain all other blocks (e.g. TextNode, Callout, Code-Block, ...)

Impact

Users who want to put content side-by-side.

Additional Context

example of layout with 3 columns (source: https://www.overleaf.com/learn/latex/Multiple_columns)

Originally created by @abichinger on GitHub (Jan 19, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1730 Originally assigned to: @LucasXu0, @qinluhe on GitHub. ### Description Allow the user to split a section of the document into multiple columns. The width of each column can be adjusted by dragging the separator between columns. It is possible to add and remove columns. A column can contain all other blocks (e.g. TextNode, Callout, Code-Block, ...) ### Impact Users who want to put content side-by-side. ### Additional Context example of layout with 3 columns (source: https://www.overleaf.com/learn/latex/Multiple_columns) ![3 column layout](https://sharelatex-wiki-cdn-671420.c.cdn77.org/learn-scripts/images/b/bc/MultiCol1OL.png)

mirror

2026-03-23 20:39:24 +00:00

closed this issue
added the
web

2025

editor

new feature
labels

mirror commented

2026-03-23 20:39:25 +00:00

Author

Owner

@abichinger commented on GitHub (Jan 28, 2023):

@annieappflowy please assign this to me, if you want this feature implemented.

@abichinger commented on GitHub (Jan 28, 2023): @annieappflowy please assign this to me, if you want this feature implemented.

mirror commented

2026-03-23 20:39:26 +00:00

Author

Owner

@LucasXu0 commented on GitHub (Jan 29, 2023):

Hi, @abichinger. Do you have any ideas now on how to implement this feature?

For example, how to add or remove the columns. by dragging or something else?

@LucasXu0 commented on GitHub (Jan 29, 2023): Hi, @abichinger. Do you have any ideas now on how to implement this feature? For example, how to add or remove the columns. by dragging or something else?

mirror commented

2026-03-23 20:39:26 +00:00

Author

Owner

@abichinger commented on GitHub (Jan 29, 2023):

Hey @LucasXu0, we could use a popover menu with actions to add/remove columns.
Another option would be to add multiple SelectionMenuItem with a fixed number of columns. (like Notion)

@abichinger commented on GitHub (Jan 29, 2023): Hey @LucasXu0, we could use a popover menu with actions to add/remove columns. Another option would be to add multiple `SelectionMenuItem` with a fixed number of columns. (like Notion)

mirror commented

2026-03-23 20:39:26 +00:00

Author

Owner

@dvsekhvalnov commented on GitHub (Aug 27, 2024):

Hi guys, just wanted to verify my understanding of request :) (don't want to open another FR).

Will it allow to place text side by side on a page? Like on a screenshot:

Thank you.

@dvsekhvalnov commented on GitHub (Aug 27, 2024): Hi guys, just wanted to verify my understanding of request :) (don't want to open another FR). Will it allow to place text side by side on a page? Like on a screenshot: <img width="661" alt="image" src="https://github.com/user-attachments/assets/3df47f6c-857f-4785-961a-13c311d988dd"> Thank you.

mirror commented

2026-03-23 20:39:26 +00:00

Author

Owner

@Xazin commented on GitHub (Aug 27, 2024):

Hi guys, just wanted to verify my understanding of request :) (don't want to open another FR).

Will it allow to place text side by side on a page? Like on a screenshot:
Thank you.

Yes, that is essentially the feature request :)

To be able to split content (not limited to but including text) in multiple columns (horizontal divisions).

@Xazin commented on GitHub (Aug 27, 2024): > Hi guys, just wanted to verify my understanding of request :) (don't want to open another FR). > > Will it allow to place text side by side on a page? Like on a screenshot: > > <img alt="image" width="661" src="https://private-user-images.githubusercontent.com/2323986/361789384-3df47f6c-857f-4785-961a-13c311d988dd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3Njc5MjksIm5iZiI6MTcyNDc2NzYyOSwicGF0aCI6Ii8yMzIzOTg2LzM2MTc4OTM4NC0zZGY0N2Y2Yy04NTdmLTQ3ODUtOTYxYS0xM2MzMTFkOTg4ZGQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjdUMTQwNzA5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NTMzNGM1Y2EwYzMwNGUyMjRkYmMyNjM3YTE1YTdiNGY4Y2Q5NTU0YWZlYWFjN2EyNWRjMWI3N2E4OTg5MDk0YSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.f5qPzVoT59QpGl4cM-0wfUn1Fwqf3A8alkif6cXQNco"> > Thank you. Yes, that is essentially the feature request :) To be able to split content (not limited to but including text) in multiple columns (horizontal divisions).

mirror commented

2026-03-23 20:39:27 +00:00

Author

Owner

@Hardevv commented on GitHub (Nov 23, 2024):

Would it be same hard to implement just 2 columns? From my experience with Notion, Anytype, etc. I barley was using more than 2 colums. I think that 2 columns can solve 80% of cases.

@Hardevv commented on GitHub (Nov 23, 2024): Would it be same hard to implement just 2 columns? From my experience with Notion, Anytype, etc. I barley was using more than 2 colums. I think that 2 columns can solve 80% of cases.

mirror commented

2026-03-23 20:39:27 +00:00

Author

Owner

@Vivian-appflowy commented on GitHub (Feb 19, 2025):

A use cases from discord
The users would like to have 4 columns

@Vivian-appflowy commented on GitHub (Feb 19, 2025): A use cases from [discord](https://discord.com/channels/903549834160635914/905299371485188137/1340939007193776231) The users would like to have 4 columns ![Image](https://github.com/user-attachments/assets/d616d11c-4635-4b16-b430-d6cfb3da4985)

mirror commented

2026-03-23 20:39:27 +00:00

Author

Owner

@annieappflowy commented on GitHub (Mar 6, 2025):

Supported in v0.8.5

https://github.com/user-attachments/assets/d9383e2e-03d1-4c96-936d-f62993cf69c2

@annieappflowy commented on GitHub (Mar 6, 2025): Supported in v0.8.5 https://github.com/user-attachments/assets/d9383e2e-03d1-4c96-936d-f62993cf69c2

mirror commented

2026-03-23 20:39:27 +00:00

Author

Owner

@dontlookherepls commented on GitHub (Jun 13, 2025):

I noticed that if you use the column layout the html and markdown exports remain blank. Is like you didn't write anything inside appflowy... just a whole lotta nothing inside the .md and .html

@dontlookherepls commented on GitHub (Jun 13, 2025): I noticed that if you use the column layout the html and markdown exports remain blank. Is like you didn't write anything inside appflowy... just a whole lotta nothing inside the .md and .html