如何在中心放置Vaadin confirmdialog确定并取消按钮

时间:2013-10-25 06:53:28

标签: vaadin

我一直在使用ConfirmDialog add-on中的Vaadin Directory

是否可以将确定取消按钮放在窗口中央?默认情况下,它位于窗口的右上角。

2 个答案:

答案 0 :(得分:2)

只需在中间创建一个带有按钮的布局,并将其设置为ConfirmDialog的内容。您可以使用ConfirmDialog.get ... Button()获取按钮。例如:

    ConfirmDialog cd = ConfirmDialog.getFactory().create("Title", "", "OK",
            "Cancel");
    cd.setHeight("400px");
    cd.setWidth("400px");
    HorizontalLayout buttons = new HorizontalLayout();
    buttons.addComponent(cd.getCancelButton());
    buttons.addComponent(cd.getOkButton());
    VerticalLayout content = new VerticalLayout(buttons);
    content.setComponentAlignment(buttons, Alignment.MIDDLE_CENTER);
    content.setSizeFull();
    cd.setContent(content);
    cd.show(this, null, false);

但是我同意Jan的观点,好的做法是将它们放在右下角。

答案 1 :(得分:0)

在可用性方面,将按钮保持在右下角是一个很好的做法。有关详细信息,请查看http://uxmovement.com/buttons/why-ok-buttons-in-dialog-boxes-work-best-on-the-right/。我建议不要牺牲个人品味的行为惯例。