markdown fields Customization Guide
pre-formatted boxes
Pre-formatted boxes for text or images to display
''
simple box
''
Example
Titre
Cette boîte est adaptée pour contenir un texte court.markdown code
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey.darken-1}}
{{div.card-content.white-text}}
{{div.card-title}}
Titre
{{end}}
Cette boîte est adaptée pour contenir un texte court.
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}
simple box with links
''
Example
Titre
Cette boîte est adaptée pour contenir un texte court et déclencher des actions.markdown code
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey.darken-1}}
{{div.card-content.white-text}}
{{div.card-title}}
Titre
{{end}}
Cette boîte est adaptée pour contenir un texte court et déclencher des actions.
{{end}}
{{div.card-action}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}
box picture
''
Example
markdown code
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey}}
{{div.card-content.white-text}}
{{div.card-image}}
{{end}}
Cette boîte est adaptée pour contenir une image.
{{end}}
{{div.card-action}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}
Box image effect
''
Example
Cliquer sur l'image.
closeCliquer à nouveau
Ceci vous permet par exemple d'afficher un texte long en alternance avec l'affichage d'une image.markdown code
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey}}
{{div.card-image.waves-effect.waves-block.waves-light}}
{{end}}
{{div.card-content}}
{{div.card-title.white-text.activator}}
Cliquer sur l'image.
{{end}}
{{end}}
{{div.card-reveal.black-text}}
{{div.card-title.black-text}}
{{i.material-icons.right}}
close
{{end-i}}
Cliquer à nouveau
{{end}}
Ceci vous permet par exemple d'afficher un texte long en alternance avec l'affichage d'une image.
{{end}}
{{end-div}}
{{end-grid}}
{{end-grid}}
Change in pack sizes
Three pack sizes are available: small (300px height), medium (height 400px), wide (500px height)
Example
markdown code
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey.small}}
{{div.card-image}}
{{end}}
{{div.card-content.white-text}}
Boîte de petite taille.
{{end}}
{{div.card-action}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}