Window Caption Position

Vaadin 6 / 7 / 8 Framework UI
1

Is there a way to left center a Window caption?

2

Hi,

The following CSS should do that:

.v-window .v-window-header {
	text-align: center;	
}

-Henri

3

Thanks. That put me on the right track. .v-window and .v-window-header didn’t end up working, but .v-caption did:

@import “…/reindeer/styles.css”;

.v-caption {
text-align: center;
}

This CSS stuff is going to take some getting used to.

4

Please ignore the above. I completely ignored that “center” needed to be changed to “left”. For some reason .v-caption with center achieves the desired effect but this is obviously not the way to go about it.

so your solution was entirely correct:

.v-window .v-window-header {
text-align:

left

;
}

It seems that just using .v-window-header and not.v-window also works.