vadin:用“Close”、“ok”或“x”标记关闭注释

Vaadin: Close Notofications by "close", "ok", or "x"?

本文关键字：注释 ok Close vadin      更新时间：2023-09-26

我正在使用Vaadin，一切都很好，但有一点我不满意:

通知(只显示消息，但没有任何解释用户如何关闭它。)当然，我可以通过点击它来关闭它，但在我看来这并不直观。

 Notification.show("message part one", "message part two", Type.ERROR_MESSAGE);

是否有一种方法来启用关闭或ok按钮关闭通知?还是只在右上方画个x ?

谢谢

可以显示X按钮

参见Valo主题演示，通知部分:使用附加样式" closeable " (ValoTheme.NOTIFICATION_CLOSABLE)。

或者，你也可以在你的消息中包含像"(点击关闭)"这样的文本。

.v-Notification-error {
  @include valo-notification-error-style;
  @include valo-notification-closable-style;
}

固定它。感谢Steffen Harbich

Tobi123的解决方案在vadin(7.6.6版本)中出现了sass编译错误。

.v-Notification-error {
   @include valo-notification-error-style('v-Notification');
   @include valo-notification-closable-style;
}

固定它。谢谢大家。

相关文章：