Panel Toggle Skin.left / Panel Toggle Skin.right (in [Boxes])
All sections - alphabetical | grouped | visual
- Note first: This skin part is arranged in a strange way in the standard-skin; the main skins are the `Panel Toggle Skin.left=` and `Panel Toggle Skin.right=` entries in the section [Boxes], and the subsections are the [Panel Toggle Skin.left.hover] and [Panel Toggle Skin.right.hover] (usually the main skin is a section and the subsections too). But not enough; the main skin entries from [Boxes] are in use again as child on top of the hover-sections...
So bear in mind please; here I speak first of all about the main Panel Toggle Skin.left / Panel Toggle Skin.right in [Boxes]! - Description: arrows and bg for the panel toggle, to enable in Appearance→ Panels
- Version: at least since 9.0 in skin.ini, at least since 9.0 implemented
- Visible: if Appearance→ Panels→ `Show panel toggle at edge of window` enabled, you see the panel toggle at the left of the viewport by default
- Related: Browser window skin: general base window/toolbar bg if not specified elsewhere, 9.0›
Related are also the [Panel Toggle Skin.left.hover] and [Panel Toggle Skin.right.hover] as subsections; there the arrows are defined also as child on top of the .hover subsections.
About clearer ways for the same thing see note 3 and note 4
About the probably unused `Panel Toggle Skin.top/.hover / .bottom/.hover` see the note 5
The entries `Panel Toggle Skin.left=` and `Panel Toggle Skin.right=` in [Boxes] should not have any padding/margin parameter!
So here the settings for the .hover sections [Panel Toggle Skin.left.hover] and [Panel Toggle Skin.right.hover]:
- Padding: ✔ shifts the arrow, for padding left/right value 0 recommended
- Margin: -
- Spacing: -
- Color: ✔
- Colorize: ✔
- Border/Border color: ✔
- Text color: -
- Text bold: -
- Text underline: -
- Text shadow/Text shadow color: -
- Text zoom: -
- Blend: ✔
- Child: ✔
- Clone: ✔
- If no image / no color in the .hover sections, you see: [Browser window skin]→ Black bg (with the arrow on top)
About Section entries
About Defaults
- Section-types: .left, .right (about .top/.bottom see note 3)
- Section-states: .hover, .pressed
About Section types and states
-
If no main entries for arrows in [Boxes], Info-Version 3 and
- Options-Fallback background 1, you see: main entries for arrows in [Boxes] from standard-skin, as well as the .hover sections from standard-skin
- Options-Fallback background 0, you see: no arrow, resp. the [Browser window skin] from current-skin behind it -
If no main entries for arrows in [Boxes], Info-Version 2 and
- Options-Fallback background 1, you see: main entries for arrows in [Boxes] from standard-skin, as well as the .hover sections from standard-skin
- Options-Fallback background 0, you see: no arrow, resp. the [Browser window skin] from current-skin behind it - If only no .hover sections, you see in every case: [Browser window skin] from current skin behind the arrows
About Fallback
- Note 1: the unchangeable width is 4px here (also unchangeable with a smaller/larger image)
- Note 2: in order to be clear, here what you see in the standard-skin:
- Unhovered: you see the arrows from `Panel toggle skin.left/.right` in [Boxes] and behind it the [Browser window skin]
- Hovered: you see the background from [Panel toggle skin.left.hover/.right.hover] and on top the arrows as child - Note 3: If you replace the concerned sections and entries in the standard-skin with them of the following example, you have exactly the same result as before - but arranged in a clearer way; the original unhovered [Browser window skin] with arrow and the original hovered bg with arrow (note, that the unhovered .left/.right sections have no image/color for the bg):
[Panel toggle skin.left] Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin left [Panel Toggle Skin.left.hover] Type = BoxTile Tile Center = selector_button/selector_selected.png Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin left [Panel toggle skin.right] Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin right [Panel Toggle Skin.right.hover] Type = BoxTile Tile Center = selector_button/selector_selected.png Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin right [Boxes] ... Toggle Skin left = panel_toggle/left.png Toggle Skin right = panel_toggle/right.png
- Note 4: If you replace the concerned sections and entries in the standard-skin with them of the next example, you have your own unhovered bg with arrow (orange) and your own hovered bg with arrow (red):
[Panel toggle skin.left] Color = #FF9000 Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin left [Panel Toggle Skin.left.hover] Color = #FF0000 Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin left [Panel toggle skin.right] Color = #FF9000 Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin right [Panel Toggle Skin.right.hover] Color = #FF0000 Padding Left = 0 Padding Right = 0 Child0 = Toggle Skin right [Boxes] ... Toggle Skin left = panel_toggle/left.png Toggle Skin right = panel_toggle/right.png
- Note 5: I`m not sure if the `Panel toggle skin.top/.bottom` and [Panel toggle skin.top.hover/.bottom.hover] are still in use. If I remember right, at least the top parts defined once for a short time the secure/insecure popup header before we had the [Secure popup header skin] and [Insecure popup header skin] - that was in early 8.0 beta versions.
More
Section types and states
Section entries
Defaults
Boxes | Images | Notation
Special sections Info, Options and Generic
Special headers
Fallback
General rules
Version numbers in this guide
Latest changes in this guide
Credits and links
Skin changelogs
-
