User Tools

Site Tools


widget_editor

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
widget_editor [2020/11/30 18:55] justinwidget_editor [2020/12/02 18:17] justin
Line 20: Line 20:
  
 =====Widget Properties===== =====Widget Properties=====
-(Overview)+The "Widget Properties" panel contains various settings that can be adjusted for the active [[widget]]. It is displayed on the left-hand side of the editor when no elements are currently selected.
 ^Icon^Property^Description^ ^Icon^Property^Description^
 |{{:wiki:tag_id.png?nolink|}}|Widget ID|Unique ID assigned to the [[widget]]. This ID is used to reference the [[widget]] in [[script|scripts]] and other places.| |{{:wiki:tag_id.png?nolink|}}|Widget ID|Unique ID assigned to the [[widget]]. This ID is used to reference the [[widget]] in [[script|scripts]] and other places.|
Line 32: Line 32:
  
 =====Elements===== =====Elements=====
-(Overview, click on a type to view details)+Various elements can be added to a [[widget]] using the "Widget Tools" panel on the left-hand side of the editor. A brief description of each type is provided below. You can click on the name of particular element for more information about that element and any properties that can edited once added to a [[widget]].
 ^Icon^Type^Description^ ^Icon^Type^Description^
 |{{:wiki:chest.png?nolink|}}|[[Item Storage Slot]]|Slot for storing an [[item]] or stack of [[item|items]]. This is useful for [[inventory]] windows, [[item container]] windows, or other [[widget|widgets]] that are meant for storing [[item|items]] into for later retrieval and usage.| |{{:wiki:chest.png?nolink|}}|[[Item Storage Slot]]|Slot for storing an [[item]] or stack of [[item|items]]. This is useful for [[inventory]] windows, [[item container]] windows, or other [[widget|widgets]] that are meant for storing [[item|items]] into for later retrieval and usage.|
Line 48: Line 48:
  
 =====Creating a Widget===== =====Creating a Widget=====
 +
 +To create a new [[widget]], click the "Add" button ({{:wiki:add.png?nolink|}}) on the main toolbar and then provide a unique ID that will be assigned to it. Once created, the width and height of the [[widget]] can be adjusted from the "Widget Properties" panel on the left-hand side of the editor. Elements (item slot, text, buttons, etc.) can be dragged and dropped from the "Widget Tools" panel onto the grid layout of the [[widget]].
 +
 +Elements that have been placed can be resized by selecting the element and then dragging the handles of the selection box. To delete an element, select it and press the Delete key or drag and drop it outside of the [[widget]].
  
 ~~NOTOC~~ ~~NOTOC~~
widget_editor.txt · Last modified: 2023/02/06 22:05 by justin