All the icons BOA is using are from a font. This font can be replaced by your own font, so you can use the icons you want.
This is the default ABO01 font.
For the navigation buttons BOA will use the default corresponding character of the font.
For each button you can define your own icon. You just need to send the corresponding character in the response of your endpoint.
Outline button with icon character 2.
|
{
"display": "Grafiek",
"tooltip": "Rapport.",
"icon": "2",
"fieldname": "",
"length": 0,
"inputtype": "button",
"block": 2,
"newline": true,
"labelwidth": 4,
"fieldwidth": 4,
"fieldheight": 2,
"outline": true,
"color": "info",
"onclick": {
"endpoint": "\/chart\/klantomzet\/${id}",
"pagetype": "modalgraph",
"pagesize": "lg",
"buttons": [ "exit"],
"onclick": {
"endpoint": "",
"pagetype": "",
"pagesize": "",
"buttons": [ ]
}
}
}
|
-
display: caption of the button.
-
tooltip: text to display when you hover above the button
-
icon: which character is used for the icon
-
-
-
-
outline: button is outlined
-
color: color of the button. you can use the Bootstrap colors.
Use the above names for the corresponding colors.
|
If you want to create your own icon font,
icomoon can be very usefull.
