Vaadin是否将鼠标悬停验证消息(工具提示)设置为立即显示?
瓦丁7.6.2 当我将鼠标悬停在验证失败的字段上时,我看到了预期的错误消息,但是该消息出现之前的延迟太慢,应该是立即的,因为用户可以在消息弹出之前点击该字段Vaadin是否将鼠标悬停验证消息(工具提示)设置为立即显示?,vaadin,vaadin7,Vaadin,Vaadin7,瓦丁7.6.2 当我将鼠标悬停在验证失败的字段上时,我看到了预期的错误消息,但是该消息出现之前的延迟太慢,应该是立即的,因为用户可以在消息弹出之前点击该字段 有没有办法调整显示验证消息所需的时间?将以下css添加到自定义主题并编译。默认动画输入/输出时间为120ms,下面我将动画输入时间更改为1ms,以消除验证工具提示延迟 .v-contextmenu[class*="animate-in"] { -webkit-animation: valo-overlay-animate-in 1m
有没有办法调整显示验证消息所需的时间?将以下css添加到自定义主题并编译。默认动画输入/输出时间为120ms,下面我将动画输入时间更改为1ms,以消除验证工具提示延迟
.v-contextmenu[class*="animate-in"] {
-webkit-animation: valo-overlay-animate-in 1ms;
-moz-animation: valo-overlay-animate-in 1ms;
animation: valo-overlay-animate-in 1ms;
}
.v-contextmenu[class*="animate-out"] {
-webkit-animation: valo-animate-out-fade 120ms;
-moz-animation: valo-animate-out-fade 120ms;
animation: valo-animate-out-fade 120ms;
}
用户界面代码…
@Theme("mytheme")
@Widgetset("com.kevin.vaadin.sample.MyAppWidgetset")
public class MyUI extends UI {
@Override
protected void init(VaadinRequest vaadinRequest) {
final VerticalLayout layout = new VerticalLayout();
final TextField name = new TextField();
name.setCaption("Type your name here:");
Button button = new Button("Click Me");
button.addClickListener( e -> {
layout.addComponent(new Label("Thanks " + name.getValue()
+ ", it works!"));
});
name.addValidator(new StringLengthValidator("Name is too short.", 5, 10000000, false));
layout.addComponents(name, button);
layout.setMargin(true);
layout.setSpacing(true);
setContent(layout);
}
@WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
@VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
public static class MyUIServlet extends VaadinServlet {
}
}
似乎不起作用(使用Safari)。不管怎样,鼠标移到弹出窗口上的行为对我们来说是行不通的。当您将鼠标悬停在一个失败的字段上,然后将鼠标移到另一个失败的字段上时,验证错误弹出窗口仍保留在第一个字段上。这显然是设计中的一个缺陷,应该用另一种方法来解决,我会为我们的网站做的。但是谢谢你的努力+1。