Advanced skin guide
Pagebar buttons, screenshots:
- The Pagebar buttons you see on the Tab bar
- Acivate the Tab bar bar in View - Toolbars or in Tools - Appearance - Toolbars
- Note: the width of the Pagebar buttons is set by `Pagebar max button width=` and `Pagebar min button width=` in [Options]
- Note also: in the standard skin the `Pagebar buttons` are clones of the [Tab button skin]
[Pagebar button skin] screenshot
- Below as examples the [Pagebar button skin] as well as the [Pagebar button skin.selected] on the Tab bar
- If no image or color defined in the [Pagebar button skin], you see here the [Pagebar skin] > [Browser window skin]
Pagebar buttons, positions screenshot
- You can draw different Pagebar buttons for the tab bar positions: [Pagebar button skin.top], [Pagebar button skin.left], [Pagebar button skin.bottom] and [Pagebar button skin.right]
- If no image or color defined in the [Pagebar button skin.top], [Pagebar button skin.left], [Pagebar button skin.bottom] or [Pagebar button skin.right], you see here the `[Pagebar skin.top/.left/.bottom/.right]`
- If the sections [Pagebar button skin.top], [Pagebar button skin.left], [Pagebar button skin.bottom] or [Pagebar button skin.right] are not defined, you see there the [Pagebar button skin]
- Unfortunately you cannot have different `Pagebar max/min button width` in [Options] for the different positions!
- The [Pagebar close button skin] and [Pagebar locked button skin] at the right are always the same; you cannot have different icons for the different positions! The same is valid for the `Window Document Icons`
Pagebar buttons, states screenshot
- Here some different states for the Pagebar buttons:
- [Pagebar button skin] if loading (image at the left: `Window Document Loading Icon` from [Images])
- [Pagebar button skin.attention] if unread, with text color in Blue (image at the left: Window Document Unread Icon)
- [Pagebar button skin.selected] if selected, with text color in White (image at the left: Window Document Icon)
- [Pagebar button skin] if read (image at the left: Window Document Icon)
- [Pagebar button skin.hover] if read and hover (image at the left: Window Document Icon)
- [Pagebar button skin.hover.attention] if unread and hover (image at the left: Window Document Unread Icon)
- As Close-icon at the right you see the [Pagebar close button skin] with its different states. Also the [Pagebar locked button skin] appears there if the tab is locked
- At the left you can see also the favicons if `Embedded icons and favicons` is set in Tools - Preferences - Advanced - Browsing - Page icons; so you need there some space