Scroll Bars - ChatboxWindow.json

[Ainz Ooal Gown]

Hi,

 

I have been working on my GUI, and for the love of it I cant understand how the "Bar" works in the ScrollBar's. I have repositioned the "HorizontalScrollBar" using "Margins" only way I could get the bugger to move, as bounds would not move it, and with that the "Bar" is missaligned and will not align with the scrollbar no matter what values I change.

 

I have created a while new ChatBox window which is a different size to roginal, everything else is positioned correctly, but I just cant seem to get the ScrollBar to play ball.

 

Doesnt show bar preview when scroll bar is not needed

Spoiler

 

Scroll bar out of alignment

Spoiler

 

Goes up to top fine just under button (no gap)

Spoiler

 

Does not go down to bottom button (Gap)

Spoiler

 

As can see doesnt go to the bottom when scrolling, and hides some of the chat (MessageList) under the ChatBoxText, but if you press the down button on scrollbar the text from messagelist is goes down more, but the bar does not move.

 

VerticalScrollBar part

Spoiler

      "VerticalScrollBar": {
        "Bounds": "0,0,19,10",
        "Padding": "0,0,0,0",
        "AlignmentEdgeDistances": "0,0,0,0",
        "AlignmentTransform": "0,0",
        "Margin": "7,0,7,4",
        "RenderColor": "255,255,255,255",
        "Alignments": "",
        "DrawBackground": true,
        "MinimumSize": "1,1",
        "MaximumSize": "4096,4096",
        "Disabled": false,
        "Hidden": false,
        "RestrictToParent": false,
        "MouseInputEnabled": true,
        "HideToolTip": false,
        "ToolTipBackground": null,
        "ToolTipFont": null,
        "ToolTipTextColor": "",
        "BackgroundTemplate": "rail.png",
        "UpOrLeftButton": {
          "Bounds": "0,0,28,31",
          "Padding": "3,3,3,3",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "TextColor": "0,255,255,255",
          "HoveredTextColor": "",
          "ClickedTextColor": "",
          "DisabledTextColor": "255,90,90,90",
          "TextAlign": "Center",
          "TextPadding": "3,3,3,3",
          "AutoSizeToContents": false,
          "Font": "arial,10",
          "TextScale": 1.0,
          "NormalImage": "up_n.png",
          "HoveredImage": "up_h.png",
          "ClickedImage": "up_p.png",
          "DisabledImage": "",
          "CenterImage": false,
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "",
          "MouseDownSound": "octave-tap-warm.wav",
          "ClickSound": ""
        },
        "Bar": {
          "Bounds": "0,0,15,36",
          "Padding": "0,0,0,0",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": true,
          "RestrictToParent": true,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "NormalImage": "slider_n.png",
          "HoveredImage": "Slider_h.png",
          "ClickedImage": "Slider_h.png",
          "DisabledImage": "",
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "octave-tap-professional.wav",
          "MouseDownSound": "octave-tap-professional.wav"
        },
        "DownOrRightButton": {
          "Bounds": "0,0,28,31",
          "Padding": "3,3,3,3",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "TextColor": "0,255,255,255",
          "HoveredTextColor": "",
          "ClickedTextColor": "",
          "DisabledTextColor": "255,90,90,90",
          "TextAlign": "Center",
          "TextPadding": "3,3,3,3",
          "AutoSizeToContents": false,
          "Font": "arial,10",
          "TextScale": 1.0,
          "NormalImage": "down_n.png",
          "HoveredImage": "down_h.png",
          "ClickedImage": "down_p.png",
          "DisabledImage": "",
          "CenterImage": false,
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "",
          "MouseDownSound": "octave-tap-warm.wav",
          "ClickSound": ""
        }

 

Full ChatboxWindow.json

Spoiler

{
  "Bounds": "4,734,468,193",
  "Padding": "0,0,0,0",
  "AlignmentEdgeDistances": "4,0,0,4",
  "AlignmentTransform": "0,0",
  "Margin": "0,0,0,0",
  "RenderColor": "255,255,255,255",
  "Alignments": "Bottom,Left",
  "DrawBackground": true,
  "MinimumSize": "1,1",
  "MaximumSize": "4096,4096",
  "Disabled": false,
  "Hidden": false,
  "RestrictToParent": true,
  "MouseInputEnabled": true,
  "HideToolTip": false,
  "ToolTipBackground": null,
  "ToolTipFont": null,
  "ToolTipTextColor": "",
  "Texture": "chatbox.png",
  "HoverSound": null,
  "LeftMouseClickSound": null,
  "RightMouseClickSound": null,
  "Children": {
    "MessageList": {
      "Bounds": "4,4,468,159",
      "Padding": "0,0,0,0",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "1,1,1,1",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": false,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": true,
      "Hidden": false,
      "RestrictToParent": false,
      "MouseInputEnabled": true,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "CanScrollH": false,
      "CanScrollV": true,
      "AutoHideBars": false,
      "InnerPanel": {
        "Bounds": "0,0,10,10",
        "Padding": "0,0,0,0",
        "AlignmentEdgeDistances": "0,0,0,0",
        "AlignmentTransform": "0,0",
        "Margin": "5,5,5,5",
        "RenderColor": "255,255,255,255",
        "Alignments": "",
        "DrawBackground": true,
        "MinimumSize": "1,1",
        "MaximumSize": "4096,4096",
        "Disabled": false,
        "Hidden": false,
        "RestrictToParent": false,
        "MouseInputEnabled": false,
        "HideToolTip": false,
        "ToolTipBackground": null,
        "ToolTipFont": null,
        "ToolTipTextColor": ""
      },
      "HorizontalScrollBar": {
        "Bounds": "0,0,15,15",
        "Padding": "0,0,0,0",
        "AlignmentEdgeDistances": "0,0,0,0",
        "AlignmentTransform": "0,0",
        "Margin": "0,0,0,0",
        "RenderColor": "255,255,255,255",
        "Alignments": "",
        "DrawBackground": true,
        "MinimumSize": "1,1",
        "MaximumSize": "4096,4096",
        "Disabled": false,
        "Hidden": true,
        "RestrictToParent": false,
        "MouseInputEnabled": true,
        "HideToolTip": false,
        "ToolTipBackground": null,
        "ToolTipFont": null,
        "ToolTipTextColor": "",
        "BackgroundTemplate": null,
        "UpOrLeftButton": {
          "Bounds": "0,0,100,20",
          "Padding": "3,3,3,3",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "TextColor": "0,255,255,255",
          "HoveredTextColor": "",
          "ClickedTextColor": "",
          "DisabledTextColor": "255,90,90,90",
          "TextAlign": "Center",
          "TextPadding": "3,3,3,3",
          "AutoSizeToContents": false,
          "Font": "arial,10",
          "TextScale": 1.0,
          "NormalImage": "",
          "HoveredImage": "",
          "ClickedImage": "",
          "DisabledImage": "",
          "CenterImage": false,
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "",
          "MouseDownSound": "octave-tap-warm.wav",
          "ClickSound": ""
        },
        "Bar": {
          "Bounds": "0,0,10,10",
          "Padding": "0,0,0,0",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": true,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "NormalImage": "",
          "HoveredImage": "",
          "ClickedImage": "",
          "DisabledImage": "",
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "octave-tap-professional.wav",
          "MouseDownSound": "octave-tap-professional.wav"
        },
        "DownOrRightButton": {
          "Bounds": "0,0,100,20",
          "Padding": "3,3,3,3",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "TextColor": "0,255,255,255",
          "HoveredTextColor": "",
          "ClickedTextColor": "",
          "DisabledTextColor": "255,90,90,90",
          "TextAlign": "Center",
          "TextPadding": "3,3,3,3",
          "AutoSizeToContents": false,
          "Font": "arial,10",
          "TextScale": 1.0,
          "NormalImage": "",
          "HoveredImage": "",
          "ClickedImage": "",
          "DisabledImage": "",
          "CenterImage": false,
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "",
          "MouseDownSound": "octave-tap-warm.wav",
          "ClickSound": ""
        }
      },
      "VerticalScrollBar": {
        "Bounds": "0,0,19,10",
        "Padding": "0,0,0,0",
        "AlignmentEdgeDistances": "0,0,0,0",
        "AlignmentTransform": "0,0",
        "Margin": "7,0,7,4",
        "RenderColor": "255,255,255,255",
        "Alignments": "",
        "DrawBackground": true,
        "MinimumSize": "1,1",
        "MaximumSize": "4096,4096",
        "Disabled": false,
        "Hidden": false,
        "RestrictToParent": false,
        "MouseInputEnabled": true,
        "HideToolTip": false,
        "ToolTipBackground": null,
        "ToolTipFont": null,
        "ToolTipTextColor": "",
        "BackgroundTemplate": "rail.png",
        "UpOrLeftButton": {
          "Bounds": "0,0,28,31",
          "Padding": "3,3,3,3",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "TextColor": "0,255,255,255",
          "HoveredTextColor": "",
          "ClickedTextColor": "",
          "DisabledTextColor": "255,90,90,90",
          "TextAlign": "Center",
          "TextPadding": "3,3,3,3",
          "AutoSizeToContents": false,
          "Font": "arial,10",
          "TextScale": 1.0,
          "NormalImage": "up_n.png",
          "HoveredImage": "up_h.png",
          "ClickedImage": "up_p.png",
          "DisabledImage": "",
          "CenterImage": false,
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "",
          "MouseDownSound": "octave-tap-warm.wav",
          "ClickSound": ""
        },
        "Bar": {
          "Bounds": "0,0,15,36",
          "Padding": "0,0,0,0",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": true,
          "RestrictToParent": true,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "NormalImage": "slider_n.png",
          "HoveredImage": "Slider_h.png",
          "ClickedImage": "Slider_h.png",
          "DisabledImage": "",
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "octave-tap-professional.wav",
          "MouseDownSound": "octave-tap-professional.wav"
        },
        "DownOrRightButton": {
          "Bounds": "0,0,28,31",
          "Padding": "3,3,3,3",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "TextColor": "0,255,255,255",
          "HoveredTextColor": "",
          "ClickedTextColor": "",
          "DisabledTextColor": "255,90,90,90",
          "TextAlign": "Center",
          "TextPadding": "3,3,3,3",
          "AutoSizeToContents": false,
          "Font": "arial,10",
          "TextScale": 1.0,
          "NormalImage": "down_n.png",
          "HoveredImage": "down_h.png",
          "ClickedImage": "down_p.png",
          "DisabledImage": "",
          "CenterImage": false,
          "HoverSound": "octave-tap-resonant.wav",
          "MouseUpSound": "",
          "MouseDownSound": "octave-tap-warm.wav",
          "ClickSound": ""
        }
      },
      "SizeToContents": false,
      "MultiSelect": false,
      "IsToggle": false,
      "Font": null,
      "ItemHoverSound": null,
      "ItemClickSound": null,
      "ItemRightClickSound": null
    },
    "ChatboxTitle": {
      "Bounds": "32,8,34,20",
      "Padding": "0,0,0,0",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "0,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": true,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": true,
      "RestrictToParent": false,
      "MouseInputEnabled": false,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "BackgroundTemplate": null,
      "TextColor": "255,255,255,255",
      "HoveredTextColor": "",
      "ClickedTextColor": "",
      "DisabledTextColor": "255,90,90,90",
      "TextAlign": "Left, Top",
      "TextPadding": "0,0,0,0",
      "AutoSizeToContents": true,
      "Font": "sourcesansproblack,12",
      "TextScale": 1.0
    },
    "Chatbar": {
      "Bounds": "6,159,409,28",
      "Padding": "0,0,0,0",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "0,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": true,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": false,
      "RestrictToParent": false,
      "MouseInputEnabled": true,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "Texture": "chatbar.png",
      "HoverSound": null,
      "LeftMouseClickSound": null,
      "RightMouseClickSound": null
    },
    "ChatboxInputField": {
      "Bounds": "8,159,408,28",
      "Padding": "4,2,4,2",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "0,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": false,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": false,
      "RestrictToParent": false,
      "MouseInputEnabled": true,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "TextColor": "255,255,255,255",
      "HoveredTextColor": "",
      "ClickedTextColor": "",
      "DisabledTextColor": "255,220,220,220",
      "TextAlign": "Left, CenterV",
      "TextPadding": "4,2,4,2",
      "AutoSizeToContents": false,
      "Font": "sourcesansproblack,10",
      "TextScale": 1.0,
      "AddTextSound": "octave-tap-resonant.wav",
      "RemoveTextSound": "octave-tap-professional.wav",
      "SubmitSound": "octave-tap-warm.wav"
    },
    "ChannelLabel": {
      "Bounds": "164,9,54,28",
      "Padding": "0,0,0,0",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "0,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": true,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": true,
      "RestrictToParent": false,
      "MouseInputEnabled": false,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "BackgroundTemplate": null,
      "TextColor": "255,255,255,255",
      "HoveredTextColor": "",
      "ClickedTextColor": "",
      "DisabledTextColor": "255,90,90,90",
      "TextAlign": "Left, Top",
      "TextPadding": "0,0,0,0",
      "AutoSizeToContents": true,
      "Font": "sourcesansproblack,10",
      "TextScale": 1.0
    },
    "ChatChannelCombobox": {
      "Bounds": "416,165,64,16",
      "Padding": "3,3,3,3",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "3,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": false,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": false,
      "RestrictToParent": false,
      "MouseInputEnabled": true,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "TextColor": "255,230,230,230",
      "HoveredTextColor": "255,220,220,220",
      "ClickedTextColor": "",
      "DisabledTextColor": "255,90,90,90",
      "TextAlign": "Left, CenterV",
      "TextPadding": "3,3,3,3",
      "AutoSizeToContents": false,
      "Font": "sourcesansproblack,10",
      "TextScale": 1.0,
      "NormalImage": "",
      "HoveredImage": "",
      "ClickedImage": "",
      "DisabledImage": "",
      "CenterImage": false,
      "MenuAbove": true,
      "Menu": {
        "Bounds": "0,0,101,10",
        "Padding": "2,2,2,2",
        "AlignmentEdgeDistances": "0,0,0,0",
        "AlignmentTransform": "0,0",
        "Margin": "0,0,0,0",
        "RenderColor": "255,255,255,255",
        "Alignments": "",
        "DrawBackground": true,
        "MinimumSize": "1,1",
        "MaximumSize": "4096,4096",
        "Disabled": false,
        "Hidden": true,
        "RestrictToParent": false,
        "MouseInputEnabled": false,
        "HideToolTip": false,
        "ToolTipBackground": null,
        "ToolTipFont": null,
        "ToolTipTextColor": "",
        "CanScrollH": false,
        "CanScrollV": true,
        "AutoHideBars": true,
        "InnerPanel": {
          "Bounds": "0,0,10,10",
          "Padding": "0,0,0,0",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "5,5,5,5",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": false,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": ""
        },
        "HorizontalScrollBar": {
          "Bounds": "0,0,15,15",
          "Padding": "0,0,0,0",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": true,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "BackgroundTemplate": null,
          "UpOrLeftButton": {
            "Bounds": "0,0,100,20",
            "Padding": "3,3,3,3",
            "AlignmentEdgeDistances": "0,0,0,0",
            "AlignmentTransform": "0,0",
            "Margin": "0,0,0,0",
            "RenderColor": "255,255,255,255",
            "Alignments": "",
            "DrawBackground": true,
            "MinimumSize": "1,1",
            "MaximumSize": "4096,4096",
            "Disabled": false,
            "Hidden": false,
            "RestrictToParent": false,
            "MouseInputEnabled": true,
            "HideToolTip": false,
            "ToolTipBackground": null,
            "ToolTipFont": null,
            "ToolTipTextColor": "",
            "TextColor": "0,255,255,255",
            "HoveredTextColor": "",
            "ClickedTextColor": "",
            "DisabledTextColor": "255,90,90,90",
            "TextAlign": "Center",
            "TextPadding": "3,3,3,3",
            "AutoSizeToContents": false,
            "Font": "arial,10",
            "TextScale": 1.0,
            "NormalImage": "",
            "HoveredImage": "",
            "ClickedImage": "",
            "DisabledImage": "",
            "CenterImage": false,
            "HoverSound": "octave-tap-resonant.wav",
            "MouseUpSound": "",
            "MouseDownSound": "octave-tap-warm.wav",
            "ClickSound": ""
          },
          "Bar": {
            "Bounds": "0,0,10,10",
            "Padding": "0,0,0,0",
            "AlignmentEdgeDistances": "0,0,0,0",
            "AlignmentTransform": "0,0",
            "Margin": "0,0,0,0",
            "RenderColor": "255,255,255,255",
            "Alignments": "",
            "DrawBackground": true,
            "MinimumSize": "1,1",
            "MaximumSize": "4096,4096",
            "Disabled": false,
            "Hidden": false,
            "RestrictToParent": true,
            "MouseInputEnabled": true,
            "HideToolTip": false,
            "ToolTipBackground": null,
            "ToolTipFont": null,
            "ToolTipTextColor": "",
            "NormalImage": "",
            "HoveredImage": "",
            "ClickedImage": "",
            "DisabledImage": "",
            "HoverSound": "octave-tap-resonant.wav",
            "MouseUpSound": "octave-tap-professional.wav",
            "MouseDownSound": "octave-tap-professional.wav"
          },
          "DownOrRightButton": {
            "Bounds": "0,0,100,20",
            "Padding": "3,3,3,3",
            "AlignmentEdgeDistances": "0,0,0,0",
            "AlignmentTransform": "0,0",
            "Margin": "0,0,0,0",
            "RenderColor": "255,255,255,255",
            "Alignments": "",
            "DrawBackground": true,
            "MinimumSize": "1,1",
            "MaximumSize": "4096,4096",
            "Disabled": false,
            "Hidden": false,
            "RestrictToParent": false,
            "MouseInputEnabled": true,
            "HideToolTip": false,
            "ToolTipBackground": null,
            "ToolTipFont": null,
            "ToolTipTextColor": "",
            "TextColor": "0,255,255,255",
            "HoveredTextColor": "",
            "ClickedTextColor": "",
            "DisabledTextColor": "255,90,90,90",
            "TextAlign": "Center",
            "TextPadding": "3,3,3,3",
            "AutoSizeToContents": false,
            "Font": "arial,10",
            "TextScale": 1.0,
            "NormalImage": "",
            "HoveredImage": "",
            "ClickedImage": "",
            "DisabledImage": "",
            "CenterImage": false,
            "HoverSound": "octave-tap-resonant.wav",
            "MouseUpSound": "",
            "MouseDownSound": "octave-tap-warm.wav",
            "ClickSound": ""
          }
        },
        "VerticalScrollBar": {
          "Bounds": "0,0,15,15",
          "Padding": "0,0,0,0",
          "AlignmentEdgeDistances": "0,0,0,0",
          "AlignmentTransform": "0,0",
          "Margin": "0,0,0,0",
          "RenderColor": "255,255,255,255",
          "Alignments": "",
          "DrawBackground": true,
          "MinimumSize": "1,1",
          "MaximumSize": "4096,4096",
          "Disabled": false,
          "Hidden": false,
          "RestrictToParent": false,
          "MouseInputEnabled": true,
          "HideToolTip": false,
          "ToolTipBackground": null,
          "ToolTipFont": null,
          "ToolTipTextColor": "",
          "BackgroundTemplate": "scrollbarbg.png",
          "UpOrLeftButton": {
            "Bounds": "0,0,100,20",
            "Padding": "3,3,3,3",
            "AlignmentEdgeDistances": "0,0,0,0",
            "AlignmentTransform": "0,0",
            "Margin": "0,0,0,0",
            "RenderColor": "255,255,255,255",
            "Alignments": "",
            "DrawBackground": true,
            "MinimumSize": "1,1",
            "MaximumSize": "4096,4096",
            "Disabled": false,
            "Hidden": false,
            "RestrictToParent": false,
            "MouseInputEnabled": true,
            "HideToolTip": false,
            "ToolTipBackground": null,
            "ToolTipFont": null,
            "ToolTipTextColor": "",
            "TextColor": "0,255,255,255",
            "HoveredTextColor": "",
            "ClickedTextColor": "",
            "DisabledTextColor": "255,90,90,90",
            "TextAlign": "Center",
            "TextPadding": "3,3,3,3",
            "AutoSizeToContents": false,
            "Font": "arial,10",
            "TextScale": 1.0,
            "NormalImage": "uparrownormal.png",
            "HoveredImage": "uparrowhover.png",
            "ClickedImage": "uparrowclicked.png",
            "DisabledImage": "",
            "CenterImage": false,
            "HoverSound": "octave-tap-resonant.wav",
            "MouseUpSound": "",
            "MouseDownSound": "octave-tap-warm.wav",
            "ClickSound": ""
          },
          "Bar": {
            "Bounds": "0,0,10,10",
            "Padding": "0,0,0,0",
            "AlignmentEdgeDistances": "0,0,0,0",
            "AlignmentTransform": "0,0",
            "Margin": "0,0,0,0",
            "RenderColor": "255,255,255,255",
            "Alignments": "",
            "DrawBackground": true,
            "MinimumSize": "1,1",
            "MaximumSize": "4096,4096",
            "Disabled": false,
            "Hidden": true,
            "RestrictToParent": true,
            "MouseInputEnabled": true,
            "HideToolTip": false,
            "ToolTipBackground": null,
            "ToolTipFont": null,
            "ToolTipTextColor": "",
            "NormalImage": "scrollbarnormal.png",
            "HoveredImage": "scrollbarhover.png",
            "ClickedImage": "scrollbarclicked.png",
            "DisabledImage": "",
            "HoverSound": "octave-tap-resonant.wav",
            "MouseUpSound": "octave-tap-professional.wav",
            "MouseDownSound": "octave-tap-professional.wav"
          },
          "DownOrRightButton": {
            "Bounds": "0,0,100,20",
            "Padding": "3,3,3,3",
            "AlignmentEdgeDistances": "0,0,0,0",
            "AlignmentTransform": "0,0",
            "Margin": "0,0,0,0",
            "RenderColor": "255,255,255,255",
            "Alignments": "",
            "DrawBackground": true,
            "MinimumSize": "1,1",
            "MaximumSize": "4096,4096",
            "Disabled": false,
            "Hidden": false,
            "RestrictToParent": false,
            "MouseInputEnabled": true,
            "HideToolTip": false,
            "ToolTipBackground": null,
            "ToolTipFont": null,
            "ToolTipTextColor": "",
            "TextColor": "0,255,255,255",
            "HoveredTextColor": "",
            "ClickedTextColor": "",
            "DisabledTextColor": "255,90,90,90",
            "TextAlign": "Center",
            "TextPadding": "3,3,3,3",
            "AutoSizeToContents": false,
            "Font": "arial,10",
            "TextScale": 1.0,
            "NormalImage": "downarrownormal.png",
            "HoveredImage": "downarrowhover.png",
            "ClickedImage": "downarrowclicked.png",
            "DisabledImage": "",
            "CenterImage": false,
            "HoverSound": "octave-tap-resonant.wav",
            "MouseUpSound": "",
            "MouseDownSound": "octave-tap-warm.wav",
            "ClickSound": ""
          }
        },
        "BackgroundTemplate": "dropdownbg.png",
        "ItemTextColor": "255,200,200,200",
        "ItemHoveredTextColor": "255,240,240,240",
        "ItemFont": "sourcesansproblack,10"
      },
      "DropDownButton": {
        "Bounds": "0,0,15,15",
        "Padding": "0,0,0,0",
        "AlignmentEdgeDistances": "0,0,0,0",
        "AlignmentTransform": "0,0",
        "Margin": "0,0,0,0",
        "RenderColor": "255,255,255,255",
        "Alignments": "",
        "DrawBackground": true,
        "MinimumSize": "1,1",
        "MaximumSize": "4096,4096",
        "Disabled": false,
        "Hidden": true,
        "RestrictToParent": false,
        "MouseInputEnabled": false,
        "HideToolTip": false,
        "ToolTipBackground": null,
        "ToolTipFont": null,
        "ToolTipTextColor": ""
      },
      "OpenMenuSound": "octave-tap-warm.wav",
      "CloseMenuSound": "octave-beep-tapped.wav",
      "HoverMenuSound": "octave-tap-resonant.wav",
      "ItemHoverSound": "octave-tap-resonant.wav",
      "SelectItemSound": "octave-tap-warm.wav"
    },
    "ChatboxText": {
      "Bounds": "0,0,1,16",
      "Padding": "0,0,0,0",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "0,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": true,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": false,
      "RestrictToParent": false,
      "MouseInputEnabled": false,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "BackgroundTemplate": null,
      "TextColor": "255,230,230,230",
      "HoveredTextColor": "",
      "ClickedTextColor": "",
      "DisabledTextColor": "255,90,90,90",
      "TextAlign": "Left, Top",
      "TextPadding": "0,0,0,0",
      "AutoSizeToContents": true,
      "Font": "sourcesansproblack,10",
      "TextScale": 1.0
    },
    "ChatboxSendButton": {
      "Bounds": "0,0,0,0",
      "Padding": "0,0,0,0",
      "AlignmentEdgeDistances": "0,0,0,0",
      "AlignmentTransform": "0,0",
      "Margin": "0,0,0,0",
      "RenderColor": "255,255,255,255",
      "Alignments": "",
      "DrawBackground": true,
      "MinimumSize": "1,1",
      "MaximumSize": "4096,4096",
      "Disabled": false,
      "Hidden": true,
      "RestrictToParent": false,
      "MouseInputEnabled": true,
      "HideToolTip": false,
      "ToolTipBackground": null,
      "ToolTipFont": null,
      "ToolTipTextColor": "",
      "TextColor": "255,82,82,82",
      "HoveredTextColor": "",
      "ClickedTextColor": "",
      "DisabledTextColor": "255,90,90,90",
      "TextAlign": "Center",
      "TextPadding": "3,3,3,3",
      "AutoSizeToContents": false,
      "Font": null,
      "TextScale": 1.0,
      "NormalImage": null,
      "HoveredImage": null,
      "ClickedImage": null,
      "DisabledImage": null,
      "CenterImage": false,
      "HoverSound": "octave-tap-resonant.wav",
      "MouseUpSound": "",
      "MouseDownSound": "octave-tap-warm.wav",
      "ClickSound": ""
    }
  }
}

 

Any help would be great.

 

Thanks

[Ainz Ooal Gown]

I understand this now. Its because it is bound to "MessageList", so the size of that determains the area scrollbar can be used (to the right of it)