ttt-skin guide

[Header Button Skin]

Description: column headers, eg in mail/transfer views or preferences dialogs
Version: at least since 9.0 in skin.ini, at least since 9.0 implemented
Visible: eg in mail views eg `Received`, eg in dialogs eg Tools→ Preferences→ Advanced→ Fonts - click the buttons in order to change the sorting
Related: Header button sort ascending skin: separate column header if sorted ascending, no arrow then, 9.0›
Header button sort descending skin: separate column header if sorted descending, no arrow then, 9.0›
If sorted ascending the up arrow from `Sort ascending =` in [Images] appears at the left. If sorted descending the down arrow from `Sort descending =` in [Images] appears at the left, see also the notes downwards the page.

Padding: ✔ shifts the text, arrows and icons inside the buttons, but reduces also the icon size! See note 4 and note 5
Margin: -
Spacing: ✔ affects space between arrows and text only
Color: ✔
Colorize: ✔
Border/Border color: ✔
Text color (in general): ✔ priority [Header Button Sort Ascending Skin]/[Header Button Sort Descending Skin] - [Header Button Skin] - text color from current bg behind it
Text color (in mail views): ✔ priority [Header Button Sort Ascending Skin]/[Header Button Sort Descending Skin] - [Header Button Skin] - [Treeview skin] - [Window skin]→ 3D-ojects from OS
Text color (in dialogs): ✔ priority [Header Button Sort Ascending Skin]/[Header Button Sort Descending Skin] - [Header Button Skin] - [Treeview skin] - [Dialog page skin] - [Dialog skin]→ 3D-ojects from OS
Text bold: ✔ works fine in state-sections only
Text underline: ✔
Text shadow/Text shadow color: ✔
Text zoom: -
Blend: ✔
Child: ✔
Clone: ✔
If no image / no color in the section, you see: the current bg behind it

Section-types: -
Section-states: .hover, .pressed, .disabled (disabled affects the quadratic part at the right if you see the header buttons together with a scrollbar, see note 6 downwards the page)

If no section, Info-Version 3 and
- Options-Fallback background 1, you see: [Header Button Skin] from standard-skin
- Options-Fallback background 0, you see: the current bg from current-skin behind it
If no section, Info-Version 2 and
- Options-Fallback background 1, you see: [Header Button Skin] from standard-skin
- Options-Fallback background 0, you see: the current bg from current-skin behind it

Note 1: the [Header button skin] draws all the header buttons; unsorted, sorted ascending and sorted descending. For ascending the up arrow from `Sort ascending =` in [Images] appears at the left and for descending the down arrow from `Sort descending =` in [Images].

Note 2: if defined, the Header button sort ascending skin replaces the header buttons if sorted ascending - then the up arrow is not visible

Note 3: if defined, the Header button sort descending skin replaces the header buttons if sorted descending - then the down arrow is not visible

Note 4: the height of the [Header button skin] is unchangeable. In order to prevent from having reduced icon sizes, it can be a good idea to adjust the text position vertically with negative values for `Padding top` or `Padding bottom`

Note 5: if you change the values for Padding left/right, bear in mind that some text items are right-aligned (eg `Size` in mail views); so here negative values are unsuitable

Note 6: the quadratic part at the very right you see together with a scrollbar is disabled by default (eg Tools→ Preferences→ Advanced→ Fonts). If you like to have a similar image like the buttons, you have to adjust the contrast and brightness of your separate image for .disabled - so it looks then approx. similar.