|
|
Line 1: |
Line 1: |
| {{Navbox/CT}}
| |
|
| |
|
| {| class="wikitable"
| |
| |-
| |
| ! Control Type !! 👍 !! 👎 !! Use cases
| |
| |-
| |
| ! colspan="4" | Text/Image/Video
| |
| |-
| |
| | [[CT_STATIC]] || - || -
| |
| |
| |
| * Display images
| |
| * Backgrounds
| |
| * Simple text
| |
|
| |
| |-
| |
| | CT_EDIT || - || -
| |
| |
| |
| * User input
| |
| |-
| |
| | CT_HTML || -
| |
| |
| |
| * Limited customization through scripting
| |
| * Limited formatting options
| |
| | -
| |
| |-
| |
| | CT_STRUCTURED_TEXT
| |
| |
| |
| * Can display formatted [[Structured Text]]
| |
| |
| |
| * Can become very slow if much text is displayed
| |
| |
| |
| * Displaying formatted text
| |
| * Syntax highlighting
| |
| |-
| |
| ! colspan="4" | Buttons
| |
| |-
| |
| | CT_BUTTON ||
| |
| * Easy way to let the user trigger an action
| |
| |
| |
| * Limited customization
| |
| |
| |
| * Confirm, cancel, close
| |
| * Start an action
| |
| |-
| |
| | CT_ACTIVETEXT
| |
| |
| |
| * Supports structured text
| |
| | - || -
| |
| |-
| |
| | CT_SHORTCUTBUTTON
| |
| |
| |
| * Multiple text areas
| |
| * Supports images
| |
| |
| |
| * A bit more complicated to set up
| |
| | -
| |
| |-
| |
| | CT_CHECKBOX
| |
| |
| |
| * Easy way to let the user switch between two states
| |
| |
| |
| * Limited customization
| |
| * Does not support text
| |
| |-
| |
| | CT_XBUTTON
| |
| |
| |
| -
| |
| |
| |
| -
| |
| |
| |
| -
| |
| |-
| |
| ! colspan="4" | Lists
| |
| |-
| |
| | CT_COMBO
| |
| |
| |
| * Very space efficient
| |
| * Can display unlimited amount of entries
| |
| |
| |
| * Not as quick as listbox when selecting an entry
| |
| |
| |
| * Allowing the user to select one entry out of many
| |
| |-
| |
| | CT_TOOLBOX
| |
| |
| |
| * Very fast and easy way to select an entry
| |
| * Direct overview over all possible values
| |
| |
| |
| * Very space inefficient
| |
| |
| |
| * Letting the user select one out of a few options
| |
| |-
| |
| | CT_CHECKBOXES || Example || Example
| |
| |-
| |
| | CT_TREE
| |
| |
| |
| * Hieracharic view
| |
| * Very fast engine search
| |
| |
| |
| * Wasted space on the left due to indentation
| |
| |-
| |
| | CT_CONTROLS_TABLE
| |
| |
| |
| * Repeatable control patterns
| |
| |
| |
| * Complicated to set up
| |
| |-
| |
| | CT_XCOMBO
| |
| |
| |
| * Can fit many values within very little space
| |
| |
| |
| * Cumbersome to use since the user has to guess what the next value would be. From a usability point of view this control should never be used
| |
| |-
| |
| | CT_LISTBOX
| |
| |
| |
| * Good way to disable multiple values at once
| |
| * User can quickly select the value needed
| |
| * Supports drag and drop
| |
| |
| |
| * Needs some vertical space for a good user experience
| |
| |-
| |
| | CT_LISTNBOX
| |
| |
| |
| * Good way to disable multiple values at once
| |
| * User can quickly select the value needed
| |
| * Can display as many rows as needed
| |
| |
| |
| * Needs some vertical space for a good user experience
| |
| * Needs a bit more scripting to get the columns set up and filled
| |
| |-
| |
| | CT_LISTNBOX_CHECKABLE || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| ! colspan="3" | 3D Objects
| |
| |-
| |
| | CT_OBJECT || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| | CT_XLISTBOX || Example || Example
| |
| |-
| |
| |}
| |