Come faccio a centrare un widget nel mezzo dello schermo in GWT vanilla?

Question

Desidero centrare un widget nel mezzo della finestra del browser (orizzontalmente e verticalmente). Non desidero allungare il widget per riempire il pannello radice né desidero utilizzare una finestra popup.

C'è un modo semplice per raggiungere questo obiettivo?

Grazie,

Answer 1

si può fare che a livello di codice come mostrato nella risposta di cui sopra, o usare i CSS. Per farlo nel modo CSS, assegnare un nome al tuo stile widget di prima:

panel.setStyleName("style") 

e nel vostro file CSS applicazione procedere come segue:

.style { 
    margin-left: auto; 
    margin-right: auto; 
} 

Questo dovrebbe centrare il widget nella vostra finestra.

Spero che questo aiuti!

Answer 2

Siamo spiacenti di far risorgere una vecchia domanda, ma la risposta accettata non affronta l'intera domanda. L'OP voleva sapere come centrare sia in orizzontale sia in verticale.

basta applicare lo stile:

width: 300px; //or some other width 
height: 300px; //or some other height 
margin: auto; 

al vostro widget e assicurarsi che il widget genitore riempie l'intera finestra. Un modo per raggiungere questo obiettivo sarebbe quello di applicare il seguente stile al genitore (supponendo che il genitore è un elemento di livello superiore):

height: 100%; 
width: 100%; 

Spero che questo aiuti qualcuno che potrebbe incappare in questo thread.