1: I'm the title and I'm long. I've no button on the left = more space for me

My header has no buttons. It needs no slots for those. So the title is as wide as possible.

take a look at page 2

2: I'm the title. I've a notext button on the left that don't need so much space

My header has a notext button on the left. The header needs a smaller slot for the button and the title has more space.

take a look at page 3

3: I'm the title and I'm also long. I've a notext button on the right

My header has notext buttons on both sides. They also don't need much space. - To make this work, the button markup has to be in front of the title however. In the same way you can use a single icon only button on the right.

take a look at page 4

4: I'm the title and I've two text buttons

My header has a text button on the left and on the right. The frameworks default margins are applied.

take a look at page 5

5: I'm a default header with close button in a dialog

My header has the default dialogs close button on the left. There is no need to have big button slots on both sides: more space for the title.

take a look at page 6

6: I'm a default header with two buttons in a dialog

My header has the default dialogs close button on the left and a text button the right. The frameworks default margins are applied.

take a look at page 7

7: I'm a custom header with two buttons on the left

My header is a custom case because it has two buttons on the left. The frameworks default margins are applied.

popup with header