Как устранить вертикальное пространство между двумя компонентами?

Question

У меня есть два компонента, предназначенных для этикетки подчеркнута встроенной красной линией: -

Embedded line= new Embedded("", new ThemeResource(RED_LINE)); 

    LabelExt lblLoadFile = new LabelExt(this.app.res_grid_lables.LOAD_FILE); 

    this.addComponent(lblLoadFile); 
    this.addComponent(line); 

Но там, кажется, пространство между этими двумя (около 20 точек). Как устранить его, чтобы встроенный ресурс выглядел как подчеркивание?

Answer 1

Я бы использовал CSS для этого.

Создать CSS как этот

.red-underline{ 
    border-bottom: red solid 2px; 
    } 

Тогда ваш код должен был бы выглядеть следующим образом

LabelExt lblLoadFile = new LabelExt(this.app.res_grid_lables.LOAD_FILE); 
    lblLoadFile.addStyleName("red-underline"); 
    this.addComponent(lblLoadFile); 

Вам нужно будет найти где-нибудь, чтобы добавить CSS. Лично я использую аннотацию @StyleSheet для приведения css-файла из проекта java.