the label of this page will be refactored soon
Basic button
Please upgrade your Volantis to version 2.4 and above.
{% btn style parameters (optional), title, link, icon (optional) %} |
optional parameters can be omitted
style parameter
regular, large, center |
icon
The one with fa-
in the first or second parameter is recognized as an icon.
inline button
button without any parameters is suitable to be integrated into the paragraph.
hollow button
Centered:
solid button
Centered:
Rich Text Button
Please upgrade your Volantis to version 2.3 and above.
{% btns style parameter %} |
The style parameter position can write the picture style, layout method, multiple style parameters are separated by spaces.
rounded corner style
The default is square
rounded, circle |
layout method
The default is automatic width, which is suitable for situations where there is only one or two in the field of view.
Parameters | Meaning |
---|---|
wide | Wider buttons |
fill | Fill the layout, automatically fill at least one line, and will wrap if there is more. |
center | Centered, with fixed spacing between buttons. |
around | Centered and scattered |
grid2 | The same width is up to 2 columns, and the narrower screen will reduce the number of columns appropriately. |
grid3 | The same width is up to 3 columns, and the narrower screen will reduce the number of columns appropriately. |
grid4 | Up to 4 columns with equal width, narrower screen will reduce the number of columns appropriately. |
grid5 | The same width is up to 5 columns. The narrower screen will reduce the number of columns appropriately. |
add text style
You can add <b>title</b>
and <p>description text</p>
in the container
If you need to display a group of links containing avatars like "team members":
Or buttons with icons:
Circular icon + title + description + picture + grid 5 columns + center