Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vaadin是否将鼠标悬停验证消息(工具提示)设置为立即显示?_Vaadin_Vaadin7 - Fatal编程技术网

Vaadin是否将鼠标悬停验证消息(工具提示)设置为立即显示?

Vaadin是否将鼠标悬停验证消息(工具提示)设置为立即显示?,vaadin,vaadin7,Vaadin,Vaadin7,瓦丁7.6.2 当我将鼠标悬停在验证失败的字段上时,我看到了预期的错误消息,但是该消息出现之前的延迟太慢,应该是立即的,因为用户可以在消息弹出之前点击该字段 有没有办法调整显示验证消息所需的时间?将以下css添加到自定义主题并编译。默认动画输入/输出时间为120ms,下面我将动画输入时间更改为1ms,以消除验证工具提示延迟 .v-contextmenu[class*="animate-in"] { -webkit-animation: valo-overlay-animate-in 1m

瓦丁7.6.2

当我将鼠标悬停在验证失败的字段上时,我看到了预期的错误消息,但是该消息出现之前的延迟太慢,应该是立即的,因为用户可以在消息弹出之前点击该字段


有没有办法调整显示验证消息所需的时间?

将以下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。