CVguiJavascriptContext

This VGUI element allows you to define its layout using res files and its behavior using javascript. Inherits all properties from EditablePanel.

Properties

Inherited Properties from EditablePanel

No inherited properties

Properties Inherited from Panel

• fieldName: Determines the name of the control.
• xpos: Determines the horizontal offset from the top left (by default) of the parent panel.
• ypos: Determines the vertical offset from the top left (by default) of the parent panel.
• wide: Determines the width of the control.
• tall: Determines the height of the control.
• zpos: Determines the depth of the panel. Deeper panels are drawn first. Lower numbers = deeper.
• pinCorner: The pinned corner is the one positioned at xpos/ypos. Values are: TOPLEFT (default), TOPRIGHT, BOTTOMLEFT, BOTTOMRIGHT
• pinnedCornerOffsetX:
• pinnedCornerOffsetY:
• unpinnedCornerOffsetX:
• unpinnedCornerOffsetY:
• visible: Determines if the control will be drawn.
• enabled: Determines if the control is enabled. Used by controls higher up the chain (like Buttons).
• ignoreScheme:
• tabPosition: Determines the tab order of the control.
• tooltiptext: Determines the tooltip text to show when you hover over this control.
• paintbackground: Paint the background color of this control.
• paintBackgroundType:
• paintborder: Paint the border of this control.
• autoResize: Sets which edges of the panel can be resized. Values are: 0 (NO, default), 1 (RIGHT), 2 (DOWN), 3 (DOWNANDRIGHT)
• fgcolor_override: Sets the foreground color
• bgcolor_override: Sets the background color

Properties Inherited from Panel

• fieldName: Determines the name of the control.
• xpos: Determines the horizontal offset from the top left (by default) of the parent panel.
• ypos: Determines the vertical offset from the top left (by default) of the parent panel.
• wide: Determines the width of the control.
• tall: Determines the height of the control.
• zpos: Determines the depth of the panel. Deeper panels are drawn first. Lower numbers = deeper.
• pinCorner: The pinned corner is the one positioned at xpos/ypos. Values are: TOPLEFT (default), TOPRIGHT, BOTTOMLEFT, BOTTOMRIGHT
• pinnedCornerOffsetX:
• pinnedCornerOffsetY:
• unpinnedCornerOffsetX:
• unpinnedCornerOffsetY:
• visible: Determines if the control will be drawn.
• enabled: Determines if the control is enabled. Used by controls higher up the chain (like Buttons).
• ignoreScheme:
• tabPosition: Determines the tab order of the control.
• tooltiptext: Determines the tooltip text to show when you hover over this control.
• paintbackground: Paint the background color of this control.
• paintBackgroundType:
• paintborder: Paint the border of this control.
• autoResize: Sets which edges of the panel can be resized. Values are: 0 (NO, default), 1 (RIGHT), 2 (DOWN), 3 (DOWNANDRIGHT)
• fgcolor_override: Sets the foreground color
• bgcolor_override: Sets the background color

• src The javascript file to load

Javascript

You can use javascript to add behavior to your element. By default the standard library and vgui library are available for you to use.

Your javascript code is only run once during startup. During this you can register to bindings which call your code if a value you're interested in changes. During that callback you can update your element.