Examples with ButtonsGroup org.dominokit.domino.ui.button.group.ButtonsGroup used on opensource projects

Example 1 with ButtonsGroup

use of org.dominokit.domino.ui.button.group.ButtonsGroup in project domino-ui-demo by DominoKit.

the class ButtonsViewImpl method initButtonsToolbar.

private void initButtonsToolbar() {
    Card card = Card.create("BUTTON TOOLBAR", "Create buttons toolbar");
    Row row = Row.create();
    ButtonsGroup firstDefaultGroup = ButtonsGroup.create().addButton(Button.createDefault("1")).addButton(Button.createDefault("2")).addButton(Button.createDefault("3"));
    ButtonsGroup secondDefaultGroup = ButtonsGroup.create().addButton(Button.createDefault("4")).addButton(Button.createDefault("5")).addButton(Button.createDefault("6"));
    ButtonsGroup thirdDefaultGroup = ButtonsGroup.create().addButton(Button.createDefault("7"));
    ButtonsToolbar defaultButtonsToolbar = ButtonsToolbar.create().addGroup(firstDefaultGroup).addGroup(secondDefaultGroup).addGroup(thirdDefaultGroup);
    defaultButtonsToolbar.asElement().style.margin = CSSProperties.MarginUnionType.of("5px");
    row.asElement().appendChild(defaultButtonsToolbar.asElement());
    ButtonsGroup firstPrimaryGroup = ButtonsGroup.create().addButton(Button.createPrimary("1")).addButton(Button.createPrimary("2")).addButton(Button.createPrimary("3"));
    ButtonsGroup secondPrimaryGroup = ButtonsGroup.create().addButton(Button.createPrimary("4")).addButton(Button.createPrimary("5")).addButton(Button.createPrimary("6"));
    ButtonsGroup thirdPrimaryGroup = ButtonsGroup.create().addButton(Button.createPrimary("7"));
    ButtonsToolbar primaryButtonsToolbar = ButtonsToolbar.create().addGroup(firstPrimaryGroup).addGroup(secondPrimaryGroup).addGroup(thirdPrimaryGroup);
    primaryButtonsToolbar.asElement().style.margin = CSSProperties.MarginUnionType.of("5px");
    row.asElement().appendChild(primaryButtonsToolbar.asElement());
    ButtonsGroup firstInfoGroup = ButtonsGroup.create().addButton(Button.createInfo("1")).addButton(Button.createInfo("2")).addButton(Button.createInfo("3"));
    ButtonsGroup secondInfoGroup = ButtonsGroup.create().addButton(Button.createInfo("4")).addButton(Button.createInfo("5")).addButton(Button.createInfo("6"));
    ButtonsGroup thirdInfoGroup = ButtonsGroup.create().addButton(Button.createInfo("7"));
    ButtonsToolbar infoButtonsToolbar = ButtonsToolbar.create().addGroup(firstInfoGroup).addGroup(secondInfoGroup).addGroup(thirdInfoGroup);
    infoButtonsToolbar.asElement().style.margin = CSSProperties.MarginUnionType.of("5px");
    row.asElement().appendChild(infoButtonsToolbar.asElement());
    ButtonsGroup firstColorGroup = ButtonsGroup.create().addButton(Button.create("1").setBackground(Background.PURPLE)).addButton(Button.create("2").setBackground(Background.PURPLE)).addButton(Button.create("3").setBackground(Background.PURPLE));
    ButtonsGroup secondColorGroup = ButtonsGroup.create().addButton(Button.create("4").setBackground(Background.PURPLE)).addButton(Button.create("5").setBackground(Background.PURPLE)).addButton(Button.create("6").setBackground(Background.PURPLE));
    ButtonsGroup thirdColorGroup = ButtonsGroup.create().addButton(Button.create("7").setBackground(Background.PURPLE));
    ButtonsToolbar colorButtonsToolbar = ButtonsToolbar.create().addGroup(firstColorGroup).addGroup(secondColorGroup).addGroup(thirdColorGroup);
    colorButtonsToolbar.asElement().style.margin = CSSProperties.MarginUnionType.of("5px");
    row.asElement().appendChild(colorButtonsToolbar.asElement());
    infoButtonsToolbar.asElement().style.cssFloat = "left";
    defaultButtonsToolbar.asElement().style.cssFloat = "left";
    primaryButtonsToolbar.asElement().style.cssFloat = "left";
    colorButtonsToolbar.asElement().style.cssFloat = "left";
    card.appendContent(row.asElement());
    element.appendChild(card.asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.initButtonsToolbar()).asElement());
}

Example 2 with ButtonsGroup

use of org.dominokit.domino.ui.button.group.ButtonsGroup in project domino-ui-demo by DominoKit.

the class ButtonsViewImpl method initVerticalGroup.

private void initVerticalGroup() {
    Card verticalGroupCard = Card.create("VERTICAL VARIATION", "Make a set of buttons appear vertically stacked rather than horizontally.");
    ButtonsGroup group = ButtonsGroup.create().addButton(Button.createDefault("Button")).addButton(Button.createPrimary("Button")).addDropDown(DropdownButton.createInfo("Dropdown").addAction(DropdownAction.create("Dropdown link")).addAction(DropdownAction.create("Dropdown link"))).addButton(Button.createDanger("Button")).verticalAlign();
    group.asElement().style.margin = CSSProperties.MarginUnionType.of("5px");
    verticalGroupCard.getBody().appendChild(group.asElement());
    element.appendChild(verticalGroupCard.asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.initVerticalGroup()).asElement());
}