首页 > 解决方案 > 如何自定义 Vaadin 的默认登录表单?

问题描述

我使用以下代码创建了登录表单:

    private LoginForm loginForms() {
        FlexLayout o = new FlexLayout();
        LoginForm component = new LoginForm();
        return component;
    }

这给出了以下形式:

在此处输入图像描述

现在,我想将表单的标题从Log in.

Forget password向右移动并Stay Signed in在其前面添加复选框。

有可能这样做吗?如果是,我该怎么做?

注意:我使用的是 Vaadin 14

标签: vaadin

解决方案


对于文本,请看一些官方示例。简而言之,您必须创建一个国际化(i18n)对象

LoginI18n i18n = LoginI18n.createDefault();

然后更改您想要的属性,例如更改标题和错误消息

i18n.getForm().setTitle("Custom title");
i18n.getErrorMessage().setTitle("Invalid credentials");

然后你只需将它应用到LoginForm

myLoginForm.setI18n(i18n);

至于您的第二个问题,目前无法以这种方式进行配置。问题跟踪器中存在建议添加这些功能的问题,如果您有 GitHub 帐户,请点赞。

添加“记住我”复选框

使 LoginOverlay 更具可配置性


推荐阅读