Wie wird der vertikale Abstand zwischen zwei Komponenten eliminiert?

Question

Ich habe zwei Komponenten bestimmt ein Etikett mit einer eingebetteten roten Linie unterstrichen werden: -

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); 

Aber es scheint ein Raum zwischen diesen beiden (von etwa 20 px) zu sein. Wie man es beseitigt, damit die eingebettete Ressource wie eine Unterstreichung aussieht?

Answer 1

Ich würde stattdessen CSS verwenden, um dies zu tun.

erstellen CSS ähnliche

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

Dann würde der Code wie folgt

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

suchen müssen, müssen Sie irgendwo finden, um die CSS hinzuzufügen. Persönlich benutze ich die Annotation @StyleSheet, um eine CSS-Datei aus dem Java-Projekt zu holen.