Skip to content

Custom ActionButtons

1
2
var dv = AppGiniHelper.DV;
var ab = dv.getActionButtons();

Add Group

Basic Group

1
var grp = ab.addGroup("text", "icon");

Custom CSS style

1
var grp = ab.addGroup("text", "icon", "css-class");
1
2
3
4
5
6
7
<style>
.css-class {
    background-color: black;
    color: white;
    padding: 4px;
}
</style>

Note

We need a group first. See above

1
2
3
4
5
var dv = AppGiniHelper.DV;
var ab = dv.getActionButtons();
var grp = ab.addGroup("text", "icon");
var lnk = grp.addLink("text", "url", Variation, "icon", ButtonAlign,
    "linkTarget");

Add Buton

Note

We need a group first. See above

1
2
3
4
5
6
7
8
var dv = AppGiniHelper.DV;
var ab = dv.actionbuttons;
var grp = ab.addGroup("text", "icon");
var btn = grp.addButton("text", function() {

    /* your function here*/

}, Variation, "icon", ButtonAlign)

See also