==Purpose==
[[File:UI_CodeEditor_EditCode.png|thumb|200px|Example of the Coding box used in the [[Code Editor]] control]]
The coding box is a component in {{UBIK}} which appears on many occasions, namely every time when there is source code to be displayed or edited. It features a rich coding experience, tailored to [http://en.wikipedia.org/wiki/C_Sharp_(programming_language) Microsoft C#].
Its regular configuration features syntax highlighting, line numbering and code foldingas well as a lean Intellisense implementation.
[[File:UI_CodeEditor_EditCode.png|thumb|200px|Example of the Coding box used in the [[Code Editor]] control]]
==Toolbar==
==Context menu==
The Coding box features a context menu with the following items:
{| class="wikitable" | width = "50%"
|-
! Item !! Purpose !! Shortcut
|- align="left"
| Undo|| Undo the last change || {{key press|Ctrl|Z}}
|- align="left"
| Redo|| Redo the last undo || {{key press|Ctrl|Y}}
|- align="left"
| Cut|| Cut the currently selected text into the Clipboard || {{key press|Ctrl|X}}
|- align="left"
| Copy|| Copy the currently selected text into the Clipboard || {{key press|Ctrl|C}}
|- align="left"
| Paste|| Paste the current content of the Clipboard into the code || {{key press|Ctrl|V}}
|- align="left"
| Delete|| Deletes the currently selected text || {{key press|Del}}
|- align="left"
| Select All|| Selects the entire code || {{key press|Ctrl|A}}
|}
==Intellisense==
The Coding box features a lean Intellisense implementation for {{UBIK}} objects.
* when entering a {{key press|.}} it tries to identify the word before the . and looks it up in the type tree; if it is found as a namespace, it will provide all relevant types, if it is found as a type it will provide properties, methods, events and delegates
** if the word is neither found as a namespace or type, it tries to find a variable declaration in the code and continues the search from there
** declarations of namespaces in <code>using</code> statements are also considered in the search
* when pressing {{key press|Ctrl|Space}} an autocomplete box will appear
* once the Intellisense box is open, you can use the arrow keys to navigate through the items; use the {{key press|Tab}} or {{key press|Enter}} key to select an item
==Useful shortcuts==
The following shortcuts are additionally supported by this control:
{| class="wikitable" | width = "50%"
|-
! Shortcut!! Purpose
|- align="left"
| {{key press|Ctrl|F}}|| Brings up the Find/Replace Dialog
|}
==See also==
* [[Code Editor]]
* [[Debugger]]
[[Category:Coding]]