markdown fields Customization Guide
Buttons
Buttons series with different effects and different sizes can use with the Google Library icons (class: material-icons)..
''
standard buttons
''
Example
markdown code
{{a.btn.grey href=#link}}
{{i.material-icons.left}}
cloud
{{end-i}}
Cliquer ici
{{end-a}}
round buttons
''
Example
markdown code
{{a.btn-floating.btn-large.red.waves-effect.waves-light href=#link}}
{{i.material-icons.left}}
add
{{end-i}}
Cliquer ici
{{end-a}}
fixed buttons bar
Fixed bar with buttons effects positioned lower right -> '
Example
PARSING ERROR : Invalid html data format : '
markdown code
{{fdiv bottom=10% right=10%}}
{{a.btn-floating.btn-large.red href=#link0}}
{{i.material-icons}}
add
{{end-i}}
{{end-a}}
{{ul}}
{{li}}
{{a.btn-floating.green href=#link1}}
{{i.material-icons}}
publish
{{end-i}}
{{end-a}}
{{end-li}}
{{li}}
{{a.btn-floating.blue href=#link2}}
{{i.material-icons}}
edit
{{end-i}}
{{end-a}}
{{end-li}}
{{li}}
{{a.btn-floating.orange href=#link3}}
{{i.material-icons}}
insert_chart
{{end-i}}
{{end-a}}
{{end-li}}
{{end-ul}}
{{end-fdiv}}
discreet button
''
Example
markdown code
{{a.waves-effect.waves-teal.btn-flat href=#link}}
Cliquer ici
{{end-a}}
Different sizes of buttons
Different sizes are: btn - small, btn - medium, btn - big, btn - very-big, btn - 100 (100% width)
Example
markdown code
{{a.btn.btn--100.grey href=#link}}
Cliquer ici
{{end-a}}