Home Breeze Home
Page : styles
Section : Section styles
Next Section

2 / 3

Next Section

Section styles

Card and section styles are very similar. We will describe how to create a section style, but by chaning out the word section for card the same rules apply to card styles.

Styles are made up of three parts, a yaml definition , a template , and a preview

Styles may use options which are defined in an options file.

template_yml

Yaml definition

For sections you need to create an entry into breeze/section_styles.yml
The example show a section_slider that actually shows a slider. This section uses cards as slides.

template_haml

Template

Haml (or erb) code that can pretty much do anything. The template has to be in ./app/views/breeze/view/_section_pictures.haml
The only hindereance may be that the Breeze ViewCotroller will be invoked, so all data will have to be grabbed by helpers or inside the template.

section_pictures

Preview

Breeze expects a preview jpg to be in app/assets/images/breeze/section_preview/
and have the same name as the template

Section with Cards, 2-6 columns

Updated at: over 1 year
Updated by: torsten@villataika.fi

No Image

Card Style: Narrow card with up down section

3 Cards

Yaml definition
For sections you need to create an entry into *breeze/section_styles.ym .....
Template
Haml (or erb) code that can pretty much do anything. The template has t .....
Preview
Breeze expects a preview jpg to be in *app/assets/images/breeze/section .....