Implement InDesign like grid template engine

Plugins Ideas
, , ,
1

Hello,

I don’t know if you are aware of this great theme/plugin :


I am not really keen on Wordpress, any idea how to implement this grid template engine in Kirby ?

Best

2
  • website with images in grid like that? Answer: CSS
  • laygridder in kirby panel? Answer: You need to program custom field that will do that.
1 Like
3

If you are simply after a Responsive CSS Grid Framework you may want to look into ZURB Foundation or Bootstrap .

4

Thank you for your answer. Of course I know about these but it is not as intuitive as this for a client purpose.

5

Yes, maybe I’ll try to convert the code to make it work in Kirby.

6

better look for/try something like “self organizing” or “responsive” if you want.

Unfortunately organizing content the “inDesign way” want work on nowadays device wilderness IMHO.

7

Hi! I came to the forum today with this exact question. Laytheme is the best in the game as far as this type of thing goes. Squarespace also has a similar editor that is more flexible but much more cumbersome. A tool like this doesn’t quite match Kirby’s ethos, but nonetheless for clients who are artists, this type of highly customizable layout of elements is a highly requested feature. Does anyone have any ideas about how one would go about making a tool that has somewhat similar features for the kirby panel?

tl;dr: bump

1 Like
8

should be possible as the panel is build with vue and projects like https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html exist.

9

Indeed, this could be a good starting point.
The multiple grid example feels a bit like Laytheme :
https://jbaysolutions.github.io/vue-grid-layout/examples/03-multiple-grids.html

It could be implemented into the Editor field from @bastianallgeier, each grid module is a row.