Vaadin: fenêtre avec haut à droite légende

Question

I défini une fenêtre, ce qui est le code:

Window w = new Window(); 
    w.setCaption("caption"); 
    w.setModal(true); 
    w.center(); 
    w.setDraggable(false); 
    w.setClosable(false); 
    w.setResizable(false); 
    w.setWidth("500px"); 
    w.setHeight("380px"); 
    ... 

Et l'image:

Comment puis-je déplacer la légende en haut à droite de la la fenêtre? quel CSS devrais-je utiliser?

Answer 1

Vous pouvez le faire en utilisant l'élément absolu que vous voulez placer en haut à droite. Mais besoin de garder la div extérieure. Vous fournir un petit exemple dans l'extrait. Ici test est maintenu comme relative et span est maintenu comme la position absolute qui est relative à test. Ici vous pouvez le placer en fournissant la position. S'il vous plaît vérifier si vous le trouvez utile

.test { 
 
position: relative; 
 
height: 100px; 
 
width: 200px; 
 
border: 1px solid #000; 
 
} 
 

 
.test span { 
 
    position: absolute; 
 
    top: 10px; 
 
    right: 10px; 
 
}

<div class="test"> 
 
    <span>Hello</span> 
 
</div>