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

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

Сообщение Anonymous »

Мне нужен логотип вместо заголовка в LoginOverlay с помощью I18nForm.
Логотип сохраняется в папке resources/static как .svg.
Я пытался использовать CSS, чтобы вставить изображение, но понятия не имею, что я делаю в CSS. Я также попытался создать изображение и добавить его с помощью метода loginOverlay.setTitle(Component), но изображение тоже не добавилось. Я также добавил, что вы можете получить доступ к файлу без входа в систему.
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»