Download the PHP package femundfilou/kirby-render-layouts without Composer
On this page you can find all versions of the php package femundfilou/kirby-render-layouts. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download femundfilou/kirby-render-layouts
More information about femundfilou/kirby-render-layouts
Files in femundfilou/kirby-render-layouts
Package kirby-render-layouts
Short Description Snippet to use layouts with simple section + column structure.
License MIT
Homepage https://github.com/femundfilou/kirby-render-layouts
Informations about the package kirby-render-layouts
Kirby Render Layouts
This plugin adds a snippet to render layout fields in structured way. By default, it uses bulma.io classes to do so.
Installation
The best way is to install it via composer.
Usage
Whenever you are using a type: layouts
field in your blueprint, you can use the provided snippet to render your field.
This will render the following basic markup for each layout you add in the panel.
Configuration
You can override the default configuration inside your config.php
as well as on each snippet itself.
Override in config.php
Override in snippet
which will result in the following markup on this page.
Custom attributes & layout settings
To further customize each layout, this plugin provides an easy way to use fields defined as layout settings.
Predefined fields
There are three reserved field names you can use to add classes to the different wrappers. Simply use them inside your layout settings fields like this:
Use your own fields and attributes
Beside the predefined fields, you can use any of your own fields to add attributes to the section
.
First add the fields to your layout field, e.g.
Then define the fields you want to use inside your config.php
. In the femundfilou.render-layouts.fields
array define the field name that should be used as key and the attribute or a function returning an associative array as value.
This will result in the following markup.