| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| dragengine:modules:dragonscript:xmlguitheme:widgetdesigner [2018/02/28 10:51] – [ProgressBar] dragonlord | dragengine:modules:dragonscript:xmlguitheme:widgetdesigner [2024/03/14 16:52] (current) – dragonlord |
|---|
| Widget designers are always based directly or indirectly on a type. This type is the //Designer Prototype// and defines what instance of //WidgetDesigner// is used in the scripts. It is important to choose the right prototype for a designer since the widget type and widget designer type are closely linked. For example you can use a //Widget// type designer for all kinds of widgets but a //Button// type designer is only working on //Button// widgets or subclasses thereof. If you choose the wrong designer type a run-time invalid cast exception is likely thrown. | Widget designers are always based directly or indirectly on a type. This type is the //Designer Prototype// and defines what instance of //WidgetDesigner// is used in the scripts. It is important to choose the right prototype for a designer since the widget type and widget designer type are closely linked. For example you can use a //Widget// type designer for all kinds of widgets but a //Button// type designer is only working on //Button// widgets or subclasses thereof. If you choose the wrong designer type a run-time invalid cast exception is likely thrown. |
| |
| The following prototypes are provided by default by the [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1WidgetDesigners.html|WidgetDesigners]] script class: | The following prototypes are provided by default by the #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1WidgetDesigners.html,WidgetDesigners~@# script class: |
| ^ Name ^ Script Class ^ Target Widget Class ^ | ^ Name ^ Script Class ^ Target Widget Class ^ |
| | Button | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultButtonDesigner.html|DefaultButtonDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Button.html|Button]] | | | [[#button|Button]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultButtonDesigner.html,DefaultButtonDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Button.html,Button~@# | |
| | CheckBox | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultCheckBoxDesigner.html|DefaultCheckBoxDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1CheckBox.html|CheckBox]] | | | [[#checkbox|CheckBox]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultCheckBoxDesigner.html,DefaultCheckBoxDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1CheckBox.html,CheckBox~@# | |
| | ComboBox | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultComboBoxDesigner.html|DefaultComboBoxDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1ComboBox.html|ComboBox]] | | | [[#combobox|ComboBox]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultComboBoxDesigner.html,DefaultComboBoxDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ComboBox.html,ComboBox~@# | |
| | Desktop | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html|DefaultWidgetDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Desktop.html|Desktop]] | | | [[#widget|Desktop]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html,DefaultWidgetDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Desktop.html,Desktop~@# | |
| | Label | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultLabelDesigner.html|DefaultLabelDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Label.html|Label]] | | | [[#label|Label]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultLabelDesigner.html,DefaultLabelDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Label.html,Label~@# | |
| | ListBox | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html|DefaultWidgetDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1ListBox.html|ListBox]] | | | [[#widget|ListBox]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html,DefaultWidgetDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ListBox.html,ListBox~@# | |
| | OptionBox | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultOptionBoxDesigner.html|DefaultOptionBoxDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1OptionBox.html|OptionBox]] | | | [[#optionbox|OptionBox]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultOptionBoxDesigner.html,DefaultOptionBoxDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1OptionBox.html,OptionBox~@# | |
| | PlayerChoiceEntry | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultLabelDesigner.html|DefaultLabelDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1OptionBox.html|OptionBox]] | | | [[#label|PlayerChoiceEntry]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultLabelDesigner.html,DefaultLabelDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1OptionBox.html,OptionBox~@# | |
| | ProgressBar | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultProgressBarDesigner.html|DefaultProgressBarDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1ProgressBar.html|ProgressBar]] | | | [[#progressbar|ProgressBar]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultProgressBarDesigner.html,DefaultProgressBarDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ProgressBar.html,ProgressBar~@# | |
| | ScrollBar | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultScrollBarDesigner.html|DefaultScrollBarDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1ScrollBar.html|ScrollBar]] | | | [[#scrollbar|ScrollBar]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultScrollBarDesigner.html,DefaultScrollBarDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ScrollBar.html,ScrollBar~@# | |
| | SpinButton | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultSpinButtonDesigner.html|DefaultSpinButtonDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1SpinButton.html|SpinButton]] | | | [[#spinbutton|SpinButton]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultSpinButtonDesigner.html,DefaultSpinButtonDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1SpinButton.html,SpinButton~@# | |
| | TextArea | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultTextAreaDesigner.html|DefaultTextAreaDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1TextArea.html|TextArea]] | | | [[#widget|TextArea]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultTextAreaDesigner.html,DefaultTextAreaDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1TextArea.html,TextArea~@# | |
| | TextField | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultTextFieldDesigner.html|DefaultTextFieldDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1TextField.html|TextField]] | | | [[#widget|TextField]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultTextFieldDesigner.html,DefaultTextFieldDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1TextField.html,TextField~@# | |
| | Widget | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html|DefaultWidgetDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Widget.html|Widget]] | | | [[#widget|Widget]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html,DefaultWidgetDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Widget.html,Widget~@# | |
| | Window | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultWindowDesigner.html|DefaultWindowDesigner]] | [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Window.html|Window]] | | | [[#window|Window]] | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultWindowDesigner.html,DefaultWindowDesigner~@# | #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Window.html,Window~@# | |
| |
| You can use custom prototypes by adding them to [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1WidgetDesigners.html|WidgetDesigners]] instance before loading gui themes. This is useful if you created custom widget subclasses requiring custom parameters. | You can use custom prototypes by adding them to #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1WidgetDesigners.html,WidgetDesigners~@# instance before loading gui themes. This is useful if you created custom widget subclasses requiring custom parameters. |
| |
| This example defines a designer based on the //Label// prototype for use by //Label// widgets or subclasses thereof. | This example defines a designer based on the //Label// prototype for use by //Label// widgets or subclasses thereof. |
| |
| ===== Widget ===== | ===== Widget ===== |
| The most basic widget designer suitable for all widgets. If you do not know what type to use to style your widget use this one first unless another one matches better. Using this type creates an instance of [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html|DefaultWidgetDesigner]] as designer. All other widget designers subclass this type and thus share these parameters defined below. All types in the list above using DefaultWidgetDesigner belong to this category here. | The most basic widget designer suitable for all widgets. If you do not know what type to use to style your widget use this one first unless another one matches better. Using this type creates an instance of #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Designers_1_1DefaultWidgetDesigner.html,DefaultWidgetDesigner~@# as designer. All other widget designers subclass this type and thus share these parameters defined below. All types in the list above using DefaultWidgetDesigner belong to this category here. |
| |
| The widget supports these display states to style individually: | The widget supports these display states to style individually: |
| |
| ===== Label ===== | ===== Label ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Label.html|Label]] widgets and subclasses thereof. Label widgets support text parameters defined in the //Widget// type. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Label.html,Label~@# widgets and subclasses thereof. Label widgets support text parameters defined in the //Widget// type. |
| |
| These additional additional parameters can be used. | These additional additional parameters can be used. |
| |
| ===== ProgressBar ===== | ===== ProgressBar ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1ProgressBar.html|ProgressBar]] widgets and subclasses thereof. Progress bar widgets support text parameters defined in the //Widget// type. Additional parameters are present to design the progress bar shown behind the text. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ProgressBar.html,ProgressBar~@# widgets and subclasses thereof. Progress bar widgets support text parameters defined in the //Widget// type. Additional parameters are present to design the progress bar shown behind the text. |
| |
| These additional parameters can be used. | These additional parameters can be used. |
| |
| ===== Window ===== | ===== Window ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Window.html|Window]] widgets and subclasses thereof. Window widgets support a decoration to allow users to interact with the window. These additional parameters can be used. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Window.html,Window~@# widgets and subclasses thereof. Window widgets support a decoration to allow users to interact with the window. |
| | |
| | These additional parameters can be used. |
| |
| ^ Parameter Name ^ Supported parameter type ^ Description ^ | ^ Parameter Name ^ Supported parameter type ^ Description ^ |
| | decoration | [[dragengine:modules:dragonscript:xmlguitheme:parameters#decoration|DecorationFactory]] | Factory used to create window Decoration instance. Can be null to create windows without decoration | | | decoration | [[dragengine:modules:dragonscript:xmlguitheme:parameters#decoration|DecorationFactory]] | #@LinkApiDocDEDS2_HTML~interfaceDragengine_1_1Gui_1_1Decorations_1_1Factories_1_1DecorationFactory.html,DecorationFactory~@# used to create window #@LinkApiDocDEDS2_HTML~interfaceDragengine_1_1Gui_1_1Decorations_1_1Decoration.html,Decoration~@# instance. Can be null to create windows without decoration | |
| | modalDarken | [[dragengine:modules:dragonscript:xmlguitheme:parameters#color|Color]] | Color used to darken the entire window if a [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1WindowModal.html|WindowModal]] is blocking this window. The default is 35% black color | | | modalDarken | [[dragengine:modules:dragonscript:xmlguitheme:parameters#color|Color]] | Color used to darken the entire window if a #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1WindowModal.html,WindowModal~@# is blocking this window. The default is 35% black color | |
| |
| |
| ===== Button ===== | ===== Button ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1Button.html|Button]] widgets and subclasses thereof. Button widgets support in addition to the regular widget state also a pressed button state. The label inside the button uses //Label// type with the designer selector //Label.Button//. This designer applies only to the button as a whole. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1Button.html,Button~@# widgets and subclasses thereof. Button widgets support in addition to the regular widget state also a pressed button state. The label inside the button uses //Label// type with the designer selector //Label.Button//. This designer applies only to the button as a whole. |
| |
| No additional parameters are supported except //pressed// as new possible value for //{state}.XXX// parameters. | No additional parameters are supported except //pressed// as new possible value for //{state}.XXX// parameters. |
| |
| ===== CheckBox ===== | ===== CheckBox ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1CheckBox.html|CheckBox]] widgets and subclasses thereof. Check box widgets are subclasses of Button widgets and share the pressed state. In addition they define images for the check box and tick mark. These additional parameters can be used. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1CheckBox.html,CheckBox~@# widgets and subclasses thereof. Check box widgets are subclasses of Button widgets and share the pressed state. In addition they define images for the check box and tick mark. |
| | |
| | These additional parameters can be used. |
| |
| ^ Parameter Name ^ Supported parameter type ^ Description ^ | ^ Parameter Name ^ Supported parameter type ^ Description ^ |
| |
| ===== OptionBox ===== | ===== OptionBox ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1OptionBox.html|OptionBox]] widgets and subclasses thereof. Option box widgets are subclasses of Button widgets and share the pressed state. In addition they define images for the check box and selection mark. These additional parameters can be used. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1OptionBox.html,OptionBox~@# widgets and subclasses thereof. Option box widgets are subclasses of Button widgets and share the pressed state. In addition they define images for the check box and selection mark. |
| | |
| | These additional parameters can be used. |
| |
| ^ Parameter Name ^ Supported parameter type ^ Description ^ | ^ Parameter Name ^ Supported parameter type ^ Description ^ |
| |
| ===== ComboBox ===== | ===== ComboBox ===== |
| Widget designer suitable for [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1ComboBox.html|ComboBox]] widgets and subclasses thereof. Combo box widgets support in addition the regular widget states also a dropped-down state. The list is provided in a [[https://dragengine.rptd.ch/docs/dragonscript/scriptapi/latest/classDragengine_1_1Gui_1_1WindowPopup.html|WindowPopup]]. The list box has the selector //ListBox.ComboBox//. The drop down button is drawn using a canvas creator and is no widget itself. | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ComboBox.html,ComboBox~@# widgets and subclasses thereof. Combo box widgets support in addition the regular widget states also a dropped-down state. The list is provided in a #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1WindowPopup.html,WindowPopup~@#. The list box has the selector //ListBox.ComboBox//. The drop down button is drawn using a canvas creator and is no widget itself. |
| |
| The new state //droppedDown// is a new possible value for //{state}.XXX// parameters. These additional parameters can be used. | The new state //droppedDown// is a new possible value for //{state}.XXX// parameters. |
| | |
| | These additional parameters can be used. |
| |
| ^ Parameter Name ^ Supported parameter type ^ Description ^ | ^ Parameter Name ^ Supported parameter type ^ Description ^ |
| | {state}.buttonDropDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#canvascreator|CanvasCreator]] | Canvas creator to draw drop down button | | | {state}.buttonDropDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#canvas_creator|CanvasCreator]] | Canvas creator to draw drop down button | |
| | {state}.imageDropDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use inside dropped down button | | | {state}.imageDropDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use inside dropped down button | |
| | |
| | |
| | ===== SpinButton ===== |
| | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1SpinButton.html,SpinButton~@# widgets and subclasses thereof. |
| | |
| | These additional parameters can be used. |
| | |
| | ^ Parameter Name ^ Supported parameter type ^ Description ^ |
| | | size | [[dragengine:modules:dragonscript:xmlguitheme:parameters#integer|Integer]] | Fixed width in pixels of the spin button arrow buttons | |
| | | buttonUp | [[dragengine:modules:dragonscript:xmlguitheme:parameters#widget_designer|WidgetDesigner]] | Widget designer to use for the up arrow button | |
| | | buttonDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#widget_designer|WidgetDesigner]] | Widget designer to use for the down arrow button | |
| | | {state}.imageUp | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use for the up arrow button | |
| | | {state}.imageDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use for the down arrow button | |
| | |
| | |
| | ===== ScrollBar ===== |
| | Widget designer suitable for #@LinkApiDocDEDS2_HTML~classDragengine_1_1Gui_1_1ScrollBar.html,ScrollBar~@# widgets and subclasses thereof. |
| | |
| | These additional parameters can be used. |
| | |
| | ^ Parameter Name ^ Supported parameter type ^ Description ^ |
| | | size | [[dragengine:modules:dragonscript:xmlguitheme:parameters#integer|Integer]] | Fixed width/height in pixels of the scroll bar depending on orientation | |
| | | buttonUp | [[dragengine:modules:dragonscript:xmlguitheme:parameters#widget_designer|WidgetDesigner]] | Widget designer to use for the up arrow button | |
| | | buttonDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#widget_designer|WidgetDesigner]] | Widget designer to use for the down arrow button | |
| | | buttonLeft | [[dragengine:modules:dragonscript:xmlguitheme:parameters#widget_designer|WidgetDesigner]] | Widget designer to use for the left arrow button | |
| | | buttonRight | [[dragengine:modules:dragonscript:xmlguitheme:parameters#widget_designer|WidgetDesigner]] | Widget designer to use for the right arrow button | |
| | | {state}.imageUp | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use for the up arrow button | |
| | | {state}.imageDown | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use for the down arrow button | |
| | | {state}.imageLeft | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use for the left arrow button | |
| | | {state}.imageRight | [[dragengine:modules:dragonscript:xmlguitheme:parameters#image|Image]] | Image to use for the right arrow button | |
| | | {state}.canvasFrame | [[dragengine:modules:dragonscript:xmlguitheme:parameters#canvas_creator|CanvasCreator]] | Canvas creator to use for the scroll area frame | |
| | | {state}.canvasKnob | [[dragengine:modules:dragonscript:xmlguitheme:parameters#canvas_creator|CanvasCreator]] | Canvas creator to use for the scroll area knob | |
| | | {state}.paddingKnobFrame | [[dragengine:modules:dragonscript:xmlguitheme:parameters#bordersize|BorderSize]] | Padding between scroll area knob and frame | |
| |
