Vaadin Loginoverlay: логотип вместо заголовкаCSS

Разбираемся в CSS
Ответить
Anonymous
 Vaadin Loginoverlay: логотип вместо заголовка

Сообщение Anonymous »

мне нужен логотип вместо заголовка в входе в систему с i18nform.
Логотип сохраняется в ресурсах /статической папке как .svg.
Я попытался использовать CSS, чтобы получить картинку, но у меня нет идеи, что я делаю в CSS. Я также попытался создать изображение и добавить его с помощью метода loginoverlay.settitle (компонент), но это также не добавило изображение. Я также добавил, что вы можете получить доступ к файлу без входа в систему. < /P>
private final LoginOverlay loginOverlay = new LoginOverlay();

public LoginView() {
this.setId("login-wrapper");
setSizeFull();
setAlignItems(Alignment.CENTER);
setJustifyContentMode(JustifyContentMode.CENTER);

LoginI18n i18n = LoginI18n.createDefault();

LoginI18n.Header i18nHeader = new LoginI18n.Header();
i18nHeader.setTitle("");
i18nHeader.setDescription("description");
i18n.setHeader(i18nHeader);

LoginI18n.Form i18nForm = i18n.getForm();
i18nForm.setTitle("Anmeldung");
i18nForm.setUsername("Benutzername");
i18nForm.setPassword("Passwort");
i18nForm.setSubmit("Anmelden");
i18nForm.setForgotPassword("Passwort vergessen?");
i18n.setForm(i18nForm);

LoginI18n.ErrorMessage i18nErrorMessage = i18n.getErrorMessage();
i18nErrorMessage.setTitle("Benutzername oder Passwort falsch");
i18nErrorMessage.setMessage("Bitte überprüfe deine Eingaben und versuche es erneut.");
i18n.setErrorMessage(i18nErrorMessage);

loginOverlay.setI18n(i18n);
loginOverlay.setOpened(true);
loginOverlay.getElement().setAttribute("no-autofocus", "");
loginOverlay.setAction("login");
loginOverlay.setForgotPasswordButtonVisible(true);

...

add(loginOverlay);
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... d-of-title
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»