Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

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

sample blog sample blog

sample blog sample blog

Centered:

get started

solid button

sample blog sample blog

sample blog sample blog

Centered:

get started

Rich Text Button

Please upgrade your Volantis to version 2.3 and above.

{% btns style parameter %}
{% cell title, link, picture or icon %}
{% cell title, link, picture or icon %}
{% endbtns %}

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.

ParametersMeaning
wideWider buttons
fillFill the layout, automatically fill at least one line, and will wrap if there is more.
centerCentered, with fixed spacing between buttons.
aroundCentered and scattered
grid2The same width is up to 2 columns, and the narrower screen will reduce the number of columns appropriately.
grid3The same width is up to 3 columns, and the narrower screen will reduce the number of columns appropriately.
grid4Up to 4 columns with equal width, narrower screen will reduce the number of columns appropriately.
grid5The 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

User Exchange Area

This is only for communication between users. If you have any questions, please go to GitHub to submit an issue. Asking questions in the comment area will not receive any response from the developer!