search

getkirby / ideas

This is the backlog of ideas and feature requests from the last two years. Use our new feedback platform to post your new ideas or vote on existing ideas.
https://feedback.getkirby.com
20 stars 0 forks source link

Panel: customizable responsive fields width #600

Closed afbora closed 4 years ago

afbora commented 4 years ago

You know that one of the most important features of Boostrap is the ability to set different widths at different resolutions: Grid Options

It would be great if the width of the fields can be adjusted at different screen resolutions based on Kirby breakpoints.

Sample usage of idea

fields:
    headline:
        type: text
        width: 
            small: 1/1
            medium: 1/2
            large: 2/4
            huge: 3/4

    text:
        type: text
        width:
            small: 1/1
            medium: 1/2
            large: 2/4
            huge: 1/4

    foo:
        type: text
        width: 
            medium: 2/3
            large: 1/2

    bar:
        type: text
        width:
            medium: 1/3
            large: 1/2

Another sample

4-column view on a wide screen, 3-column view on a slightly smaller screen

fields:
    field1:
        type: text
        width: 
            medium: 1/3
            large: 1/4

    field2:
        type: text
        width: 
            medium: 1/3
            large: 1/4

    field3:
        type: text
        width: 
            medium: 1/3
            large: 1/4

    field4:
        type: text
        width: 
            medium: 1/3
            large: 1/4

    field5:
        type: text
        width: 
            medium: 1/3
            large: 1/4

    field6:
        type: text
        width: 
            medium: 1/3
            large: 1/4
afbora commented 4 years ago

Moved to https://kirby.nolt.io/60