getgrav / getgrav/grav-plugin-admin

UX feature request for modular pages on how to make it easier to use

Open
#1,850 1 comment 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
PHP
Stars
377
Forks
225
Avg merge
11h 51m
Merged PRs (30d)
4

Description

I've been looking into how to setup a modular page in 1.7 / admin 1.10 and it seems pretty complicated. As I understand based upon reading the documentation and other issue comments here, the modular page features of grav is still an area that is needing more development?

I would like to suggest some inspiration from the UI of typo3 cms in which you can select a particular layout as shown in the image below with however many columns and rows you want...

![o8N2C3v - Imgur](https://user-images.githubusercontent.com/409265/76725746-c3b3bd00-6781-11ea-8702-933baf79af0e.png)

After selecting the layout you want for the page when editing the content you can then click on the various areas of content to add text, images, carousel.. whatever type of "element" you want to the page...

![DVcIF2o - Imgur](https://user-images.githubusercontent.com/409265/76725750-c4e4ea00-6781-11ea-9a50-a383ac959302.png)

I think this type of UI feature would work great for modular pages in Grav and take away a lot of the complexity I am seeing with having to understand the model of how to achieve the same thing in Grav currently.

I have demoed this type of layout of non programmers and they find it much easier to understand and use compared to other websites they have used in the past.

**If this is something that is already available in a plugin I would be very interested. Thanks for your time in reading this.**

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing modular-page documentation and the current Grav Admin implementation to understand how modular content is configured. Check whether an existing plugin already provides the requested layout and element workflow. Done would require a defined, implemented UI for selecting rows and columns and adding content elements.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, php
Domain
content, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.