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

-