Footer buttons
Add buttons to the Footer with the buttons
method. This both sets and gets.
If you omit the argument, you"ll get the current buttons (jQuery style).
You can use array methods like push
, pop
, shift
,
unshift
, splice
, reverse
and so on to manage
buttons. Just note that the buttons length
is readonly.
-
The buttons
type
property works like the CSSclass
for a regular Button - The Footer will automatically sort all buttons from primary to tertiary.
- If there"s more than one tertiary button, these will be pushed to an Aside.
- In the mobile breakpoint, all the buttons will be pushed to an Aside.
Buttons won"t actually do anything unless you define the
onclick
method.
Fortunately, you can always change what happens when a button gets clicked.
Query buttons
You can locate buttons by index in the
buttons
collection. But since this isn"t likely to match the order in which
they appear on screen, it"s easier to give the buttons an id
and find them
using buttons.get()
.
Hide buttons
You can hide()
and show()
buttons. You can also toggle
visible
.
Disable buttons
You can disable()
and enable()
buttons. You can also toggle
disabled
.
Busy buttons
We can display a temporary progress indicator with the
busy
and done
methods.
The busy
method supports an optional status message.
Button groups
You can also group buttons in arrays to create button groups that look like this:
You can of course also create grouped buttons with icons instead of text.
Here"s a summary of the buttons
collection and button
model.
If you find a bug or need a feature…