Revision Difference
VGUI_Element_List#512137
This is a list of all the VGUI elements that are shipped with Garry's Mod and its default gamemodes. If you're new to working with panels, you can find some information [on this tutorial page](/gmod/Derma_Basic_Guide).⤶
⤶
You can type `derma_controls` in console to get a visual example of `some` of these elements.⤶
⤶
⤶
⤶
Preview | Name | Description |⤶
--------|-------|-------------|⤶
| | <page>ContextBase</page> | `ContextBase` |⤶
| | <page>DAdjustableModelPanel</page> | A panel containing a model which angles are modifiable by using the keyboard and mouse |⤶
| | <page>DAlphaBar</page> | Alpha picker (opaque - translucent) |⤶
| | <page>DBinder</page> | Input which can bind a command to a key. Used for binding in and outputs of STOOLs |⤶
| | <page>DBubbleContainer</page> | A speech bubble panel made up of a rounded box and point coming from the bottom. |⤶
| | <page>DButton</page> | A button |⤶
| | <page>DCategoryList</page> | A categorylist is an element which should contain a child panel. The player can press the blue bar on the categorylist for the childpanel to get hidden. |⤶
| | <page>DCheckBox</page> | A checkbox |⤶
| | <page>DCheckBoxLabel</page> | A checkbox with an accompanying label. |⤶
| | <page>DCollapsibleCategory</page> | Collapsible Category Panel |⤶
| | <page>DColorButton</page> | Colorful buttons. |⤶
| | <page>DColorCombo</page> | `DColorCombo` |⤶
| | <page>DColorCube</page> | A cube containing gradients which a player can pick a color from |⤶
| | <page>DColorMixer</page> | A RGBA color mixer |⤶
| | <page>DColorPalette</page> | Color picker |⤶
| | <page>DColumnSheet</page> | Similar to the DPropertySheet but vertical. |⤶
| | <page>DComboBox</page> | A field with multiple selectable values |⤶
| | <page>DDragBase</page> | `DDragBase` |⤶
| | <page>DDrawer</page> | `DDrawer` |⤶
| | <page>DEntityProperties</page> | `DEntityProperties` |⤶
| | <page>DExpandButton</page> | `DExpandButton` |⤶
| | <page>DFileBrowser</page> | A file browser |⤶
| | <page>DForm</page> | An easy form with functions to quickly add form elements |⤶
| | <page>DFrame</page> | A simple window |⤶
| | <page>DGrid</page> | A really simple grid layout panel |⤶
| | <page>DHorizontalDivider</page> | Creates a horizontal divider that can be dragged between objects. |⤶
| | <page>DHorizontalScroller</page> | Creates a horizontal scrolling list of panels. |⤶
| | <page>DHTML</page> | VGUI HTML Panel using Awesomium. Capable of running Lua input from the webpage |⤶
| | <page>DHTMLControls</page> | Controls for <page>DHTML</page> |⤶
| | <page>DIconBrowser</page> | `DIconBrowser` |⤶
| | <page>DIconLayout</page> | Used to make a list of panels. Replaces <page>DPanelList</page>. |⤶
| | <page>DImage</page> | A simple image |⤶
| | <page>DImageButton</page> | A button which uses an image instead of text |⤶
| | <page>DKillIcon</page> | A kill icon |⤶
| | <page>DLabel</page> | A standard Derma text label |⤶
| | <page>DLabelEditable</page> | `DLabelEditable` |⤶
| | <page>DLabelURL</page> | A DLabel which is underlined. (Note: does not have a DoClick function) |⤶
| | <page>DListBox</page> | `DListBox` |⤶
| | <page>DListBoxItem</page> | `DListBoxItem` |⤶
| | <page>DListLayout</page> | `DListLayout` |⤶
| | <page>DListView</page> | Columned list view |⤶
| | <page>DListView_Column</page> | `DListView_Column` |⤶
| | <page>DListView_ColumnPlain</page> | `DListView_ColumnPlain` |⤶
| | <page>DListView_DraggerBar</page> | `DListView_DraggerBar` |⤶
| | <page>DListViewHeaderLabel</page> | `DListViewHeaderLabel` |⤶
| | <page>DListViewLabel</page> | `DListViewLabel` |⤶
| | <page>DListViewLine</page> | `DListViewLine (alias: DListView_Line)` |⤶
| | <page>DMenu</page> | A menu |⤶
| | <page>DMenuBar</page> | `DMenuBar` |⤶
| | <page>DMenuOption</page> | DMenu option line |⤶
| | <page>DMenuOptionCVar</page> | `DMenuOptionCVar` |⤶
| | <page>DModelPanel</page> | A panel containing a model (or ragdoll) which rotates around. |⤶
| | <page>DModelSelect</page> | A panel of selectable SpawnIcons. |⤶
| | <page>DModelSelectMulti</page> | `DModelSelectMulti` |⤶
| | <page>DNotify</page> | Text that pulses. |⤶
| | <page>DNumberScratch</page> | Input similar to number slider but with the ability to scale for more precision. |⤶
| | <page>DNumberWang</page> | Input with up and down buttons which can only hold a number. |⤶
| | <page>DNumPad</page> | `DNumPad, not used anymore in GMod 13` |⤶
| | <page>DNumSlider</page> | Numeric slider with text field for manual entering of value. |⤶
| | <page>DPanel</page> | Derma panel used for parenting of various VGUI elements |⤶
| | <page>DPanelList</page> | `Deprecated in GM13 in favour of DIconLayout and DLineLayout.` |⤶
| | <page>DPanelOverlay</page> | `DPanelOverlay` |⤶
| | <page>DPanelSelect</page> | A list of panels, of which only one can be selected |⤶
| | <page>DProgress</page> | Derma progressbar |⤶
| | <page>DProperty_Boolean</page> | `DProperty_Boolean` |⤶
| | <page>DProperty_Float</page> | `DProperty_Float` |⤶
| | <page>DProperty_Generic</page> | `DProperty_Generic` |⤶
| | <page>DProperty_Combo</page> | `DProperty_Combo` |⤶
| | <page>DProperty_Int</page> | `DProperty_Int` |⤶
| | <page>DProperty_VectorColor</page> | `DProperty_VectorColor` |⤶
| | <page>DProperties</page> | A property grid |⤶
| | <page>DPropertySheet</page> | A panel consisiting of multiple tabs (which optionally have icons) that hold a variety of elements. |⤶
| | <page>DRGBPicker</page> | A RGB color picker |⤶
| | <page>DScrollPanel</page> | `DScrollPanel` (Dock layout panels to this for a scrollbar) |⤶
| | <page>DScrollBarGrip</page> | The "grip" part of a scrollbar. |⤶
| | <page>DShape</page> | A shape. |⤶
| | <page>DSizeToContents</page> | `DSizeToContents` |⤶
| | <page>DSlider</page> | A multidirectional slider (capable of sliding across X and Y axis) |⤶
| | <page>DSprite</page> | A sprite |⤶
| | <page>DTab</page> | A tab for internal use on the <page>DPropertySheet</page>. |⤶
| | <page>DTextEntry</page> | An advanced <page>TextEntry</page> |⤶
| | <page>DTileLayout</page> | `DTileLayout, probably used in the spawn` |⤶
| | <page>DTooltip</page> | A tooltip. Not to be used on itself, use Panel:SetTooltip instead. |⤶
| | <page>DTree</page> | Tree view. |⤶
| | <page>DTree_Node</page> | Node of a <page>DTree</page> (internal) |⤶
| | <page>DTree_Node_Button</page> | The expand button on a <page>DTree_Node</page> (internal) |⤶
| | <page>DVerticalDivider</page> | Creates a vertical divider that can be dragged between objects. |⤶
| | <page>DVScrollBar</page> | Vertical scrollbar |⤶
| | <page>fingerposer</page> | The fingerposer (internal) |⤶
| | <page>FingerVar</page> | `Part of fingerposer` (internal) |⤶
| | <page>ImageCheckBox</page> | Checkbox which uses material to indicate if it's on |⤶
| | <page>Material</page> | Used for drawing a certain material, no user input |⤶
| | <page>MatSelect</page> | Material selection element |⤶
| | <page>PanelList</page> | `PanelList` |⤶
| | <page>PropSelect</page> | `PropSelect` |⤶
| | <page>SlideBar</page> | A slidebar |⤶
| | <page>SpawnIcon</page> | Creates a spawnicon including the right-click menu (size, redraw etc.) |⤶
⤶
`'`'⤶
⤶
## Engine-based panels⤶
⤶
⤶
⤶
Name | Description |⤶
-----|-------------|⤶
| <page>AchievementIcon</page> | Shows achievement icon. |⤶
| <page>Awesomium</page> | Awesomium! Parent of <page>HTML</page> and <page>DHTML</page> |⤶
| <page>AvatarImage</page> | A panel used to view a players avatar |⤶
| <page>Button</page> | Basic button |⤶
| <page>CheckButton</page> | An engine checkbox |⤶
| <page>EditablePanel</page> | Base panel used by DFrame, this panel is needed so that elements such as the TextEntry can obtain focus |⤶
| <page>Frame</page> | A window that in which you can place just about every other component and even another frame |⤶
| <page>HTML</page> | The basic HTML view, can be used instead of <page>DHTML</page> for operations that do not require user input or complex interaction, such as retrieving image data |⤶
| <page>Label</page> | Basic text label |⤶
| <page>ModelImage</page> | Panel used to display models, used by <page>SpawnIcon</page> |⤶
| <page>Panel</page> | Base Panel for everything |⤶
| <page>RadioButton</page> | Currently broken |⤶
| <page>RichText</page> | Highly functional rich text element which is used in the default chatbox and console |⤶
| <page>Slider</page> | A simple, straight-forward and easy-to-use slider |⤶
| <page>TextEntry</page> | Basic text entry field that has not as much added functionality as DTextEntry |⤶
| <page>TGAImage</page> | Panel capable of showing a TGA image |⤶
⤶
⤶
⤶
## Sandbox-based panels ⤶
⤶
⤶
⤶
Name | Description |⤶
-----|-------------|⤶
| <page>ContentIcon</page> | The spawn icon used for [SWEPs](/gmod/SWEP) and other [SENTs](/gmod/SENT). |⤶
| <page>ControlPresets</page> | The preset controller used in tool menus. |⤶
| <page>CtrlListBox</page> | A simple drop-down list for use mainly in tool menus. |⤶
⤶
⤶
⤶
Garry's Mod
Rust
Steamworks
Wiki Help
S&box