Difference between revisions of "CVguiJavascriptContext"

From Empires Wiki
Jump to: navigation, search
Line 1: Line 1:
This [https://developer.valvesoftware.com/wiki/VGUI2 VGUI] element allows you to define its layout using res files and its behavior using javascript.
+
This [https://developer.valvesoftware.com/wiki/VGUI2 VGUI] element allows you to define its layout using res files and its behavior using javascript. Inherits all properties from [[EditablePanel]].
  
== Attributes ==
+
== Properties ==
This element inherits all attributes from [https://developer.valvesoftware.com/wiki/Panel EditablePanel].
+
{{JavascriptContext_Properties}}
 +
{{EditablePanel_Properties}}
 +
{{Panel_Properties}}
  
 
* '''src''' The javascript file to load
 
* '''src''' The javascript file to load
Line 10: Line 12:
  
 
Your javascript code is only run once during startup. During this you can register to [[GUI Bindings | bindings]] which call your code if a value you're interested in changes. During that callback you can update your element.
 
Your javascript code is only run once during startup. During this you can register to [[GUI Bindings | bindings]] which call your code if a value you're interested in changes. During that callback you can update your element.
 +
 +
[[Category:VGUI Elements]]

Revision as of 13:41, 7 August 2017

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

Properties

Template:JavascriptContext 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.