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

Page 1

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

Page 2 Page 4

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

Page 3

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

Page 5

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

Page 5

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

Page 1

8: I'm a header with a button on the left inside a popup

Thanks for watching!