Vaadin 로딩 라인을 비활성화하는 방법 (페이지 상단)

Question

표준 Vaadin Valo 테마.

가끔 응용 프로그램이 정보를 처리하거나 새 페이지를로드 할 때 페이지 맨 위에 파란색 선이 나타납니다. 너비는 약 4px 여야합니다. 로딩이 너무 오래 걸리면 라인의 너비가 늘어나고 심지어는 번쩍이기 시작합니다 (파란색에서 앞뒤로).

이로드 표시기는 사용자에게 흐트러 뜨려 원치 않는 것입니다.

로드 표시기를 완전히 시각적으로 사용 중지하려면 어떻게해야합니까? 나는 거기에 어떤 해결책을 가져다 줄거야 - CSS 해킹 (해당되는 경우)도 할 것입니다. 당신이 SCSS 테마를 (당신이 발로 언급)를 사용하는 경우, 당신의 일부로 Vaadin이/테마/mytheme/mytheme.scss 파일에 넣을 수 있습니다

.v-loading-indicator { 
    visibility: hidden; 
    } 

:

Answer 1

다음과 같은 CSS를 사용할 수 있습니다 테마의 믹스 인 :이 자바에서 수행 할 수있는

@mixin mytheme { 
    @include valo; 

    // Insert here 
    .v-loading-indicator { 
    visibility: hidden; 
    } 
} 

Answer 2

간단한 솔루션은 로딩 표시의 타이밍을 변경하는 것입니다. 지연 시간은 밀리 세컨드로 설정됩니다. 만약 아래와 같은 첫 번째 딜레이를 3000으로 설정하면 3 초가 경과 할 때까지 로딩 인디케이터가 나타나지 않습니다.

UI.getCurrent().getLoadingIndicatorConfiguration().setFirstDelay(3000); 
UI.getCurrent().getLoadingIndicatorConfiguration().setSecondDelay(4000); 
UI.getCurrent().getLoadingIndicatorConfiguration().setThirdDelay(100000); 

각 UI마다 한 번만 수행하면됩니다.