VGUI Element List

From Garry's Mod
Jump to: navigation, search

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.

You can type derma_controls in console to get a visual example of some of these elements.

Preview Name Description
ContextBase ContextBase
DAdjustablePanel.jpg DAdjustableModelPanel A panel containing a model which angles are modifiable by using the keyboard and mouse
vgui.list.DAlphaBar.png
DAlphaBar Alpha picker (opaque - translucent)
vgui.list.DBinder.png
DBinder Input which can bind a command to a key. Used for binding in and outputs of STOOLs
DBubbleContainer preview.jpg DBubbleContainer A speech bubble panel made up of a rounded box and point coming from the bottom.
vgui.list.DButton.png
DButton A button
vgui.list.DCategoryList.png
DCategoryList 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.
vgui.list.DCheckBox.png
DCheckBox A checkbox
vgui.list.DCheckBoxLabel.png
DCheckBoxLabel A checkbox with an accompanying label.
vgui.list.DCollapsibleCategory.png
DCollapsibleCategory Collapsible Category Panel
vgui.list.DColorButton.png
DColorButton Colorful buttons.
vgui.list.DColorCombo.png
DColorCombo DColorCombo
vgui.list.DColorCube.png
DColorCube A cube containing gradients which a player can pick a color from
vgui.list.DColorMixer.png
DColorMixer A RGBA color mixer
vgui.list.DColorPalette.png
DColorPalette Color picker
vgui.list.DColumnSheet.png
DColumnSheet Similar to the DPropertySheet but vertical.
vgui.list.DComboBox.png
DComboBox A field with multiple selectable values
DDragBase DDragBase
vgui.list.DDrawer.png
DDrawer DDrawer
DEntityProperties DEntityProperties
vgui.list.DExpandButton.png
DExpandButton DExpandButton
vgui.list.DFileBrowser.png
DFileBrowser A file browser
DForm An easy form with functions to quickly add form elements
vgui.list.DFrame.png
DFrame A simple window
DGrid A really simple grid layout panel
vgui.list.DHorizontalDivider.png
DHorizontalDivider Creates a horizontal divider that can be dragged between objects.
vgui.list.DHorizontalScroller.png
DHorizontalScroller Creates a horizontal scrolling list of panels.
DHTML VGUI HTML Panel using Awesomium. Capable of running Lua input from the webpage
vgui.list.DHTMLControls.png
DHTMLControls Controls for DHTML
vgui.list.DIconBrowser.png
DIconBrowser DIconBrowser
DIconLayout.png DIconLayout Used to make a list of panels. Replaces DPanelList.
DImage preview.jpg DImage A simple image
DImageButton.png DImageButton A button which uses an image instead of text
vgui.list.DKillIcon.png
DKillIcon A kill icon
vgui.list.DLabel.png
DLabel A standard Derma text label
vgui.list.DLabelEditable.png
DLabelEditable DLabelEditable
vgui.list.DLabelURL.png
DLabelURL A DLabel which is underlined. (Note: does not have a DoClick function)
DListBox DListBox
DListBoxItem DListBoxItem
DListLayout.png DListLayout DListLayout
vgui.list.DListView.png
DListView Columned list view
DListView_Column DListView_Column
DListView_ColumnPlain DListView_ColumnPlain
DListView_DraggerBar DListView_DraggerBar
DListViewHeaderLabel DListViewHeaderLabel
DListViewLabel DListViewLabel
DListViewLine DListViewLine (alias: DListView_Line)
vgui.list.DMenu.png
DMenu A menu
DMenuBar ex1.png DMenuBar DMenuBar
DMenuOption DMenu option line
DMenuOptionCVar DMenuOptionCVar
dmodelpanel.jpg DModelPanel A panel containing a model (or ragdoll) which rotates around.
dmodelselect.png DModelSelect A panel of selectable SpawnIcons.
DModelSelectMulti DModelSelectMulti
DNotify.gif DNotify Text that pulses.
vgui.list.DNumberScratch.png
DNumberScratch Input similar to number slider but with the ability to scale for more precision.
vgui.list.DNumberWang.png
DNumberWang Input with up and down buttons which can only hold a number.
DNumPad DNumPad, not used anymore in GMod 13
vgui.list.DNumSlider.png
DNumSlider Numeric slider with text field for manual entering of value.
vgui.list.DPanel.png
DPanel Derma panel used for parenting of various VGUI elements
DPanelList Deprecated in GM13 in favour of DIconLayout and DLineLayout.
DPanelOverlay DPanelOverlay
DPanelSelect A list of panels, of which only one can be selected
vgui.list.DProgress.png
DProgress Derma progressbar
DProperty_Boolean DProperty_Boolean
DProperty_Float DProperty_Float
DProperty_Generic DProperty_Generic
DProperty_Combo DProperty_Combo
DProperty_Int DProperty_Int
DProperty_VectorColor DProperty_VectorColor
vgui.list.DProperties.png
DProperties A property grid
vgui.list.DPropertySheet.png
DPropertySheet A panel consisiting of multiple tabs (which optionally have icons) that hold a variety of elements.
vgui.list.DRGBPicker.png
DRGBPicker A RGB color picker
vgui.list.DScrollPanel.png
DScrollPanel DScrollPanel (Dock layout panels to this for a scrollbar)
DScrollBarGrip The "grip" part of a scrollbar.
DShape A shape.
DSizeToContents DSizeToContents
DSlider A multidirectional slider (capable of sliding across X and Y axis)
DSprite.png DSprite A sprite
DTab A tab for internal use on the DPropertySheet.
vgui.list.DTextEntry.png
DTextEntry An advanced TextEntry
DTileLayout.png DTileLayout DTileLayout, probably used in the spawn
vgui.list.DTooltip.png
DTooltip A tooltip. Not to be used on itself, use Panel:SetTooltip instead.
vgui.list.DTree.png
DTree Tree view.
DTree_Node Node of a DTree (internal)
DTree_Node_Button The expand button on a DTree_Node (internal)
vgui.list.DVerticalDivider.png
DVerticalDivider Creates a vertical divider that can be dragged between objects.
DVScrollBar Vertical scrollbar
fingerposer The fingerposer (internal)
FingerVar Part of fingerposer (internal)
ImageCheckBox Checkbox which uses two materials to indicate if it's on or off
Material preview.gif Material Used for drawing a certain material, no user input
MatSelect Material selection element
PanelList PanelList
PropSelect PropSelect
SlideBar A slidebar
vgui.list.SpawnIcon.png
SpawnIcon Creates a spawnicon including the right-click menu (size, redraw etc.)
'

Engine-based panels

Name Description
AchievementIcon Shows achievement icon.
Awesomium Awesomium! Parent of HTML and DHTML
AvatarImage A panel used to view a players avatar
Button Basic button
CheckButton An engine checkbox
EditablePanel Base panel used by DFrame, this panel is needed so that elements such as the TextEntry can obtain focus
Frame A window that in which you can place just about every other component and even another frame
HTML The basic HTML view, can be used instead of DHTML for operations that do not require user input or complex interaction, such as retrieving image data
Label Basic text label
ModelImage Panel used to display models, used by SpawnIcon
Panel Base Panel for everything
RadioButton Currently broken
RichText Highly functional rich text element which is used in the default chatbox and console
Slider A simple, straight-forward and easy-to-use slider
TextEntry Basic text entry field that has not as much added functionality as DTextEntry
TGAImage Panel capable of showing a TGA image

Sandbox-based panels

Name Description
ContentIcon The spawn icon used for SWEPs and other SENTs.
ControlPresets The preset controller used in tool menus.
CtrlListBox A simple drop-down list for use mainly in tool menus.
Personal tools
Navigation