Differences

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

Link to this comparison view

navigation [2016/09/22 02:36]
navigation [2016/09/22 02:36] (current)
Line 1: Line 1:
 +===== TestOptimal IDE Overview =====
 +//​TestOptimal//​ IDE features a simple and easy to use layout. ​ Most of the functions can be accessed with just a few clicks away.  This page describes basic IDE screen layout, navigation and customization. ​
 +
 +----
 +==== Screen Layout ====
 +//​TestOptimal//​ IDE consists of an application header on the top, a sidebar on the left and a work-area. ​ The work-area is further divided into 3 panes: left pane, top-right pane and bottom-right pane. See [[http://​testoptimal.com/​img/​ideLayout.png | ide screenshot]].
 +
 +Each pane contains one or more tabs. When IDE first opens, only the left pane is visible taking up the entire work-area. Upon opening a model, the two panes on the right will appear taking up the right side of the work-area.
 +
 +On the left of the IDE is a [[SideBar | SideBar]] which contains a set of mini buttons for quick access to IDE functions and control of model execution.
 +----
 +
 +==== IDE Panes ====
 +There are three panes in the work-area. Each pane contains one or more tabs. By default, each pane is assigned a set of tabs.  You can add or remove or move tabs between panes. ​
 +
 +===Customeize Panes===
 +You may add tabs to or remove tabs from the pane through ​ [[ide_tabcustomization| IDE Customization]],​ except that [[FileList|FileList tab]] and [[ModelingTab|Model tab]] are fixed to the left pane and can not be changed. By removing all tabs from the panes you can hide the pane. To show the pane again, just add a tab back to the pane.
 +
 +===Resize Panes===
 +The panes can be resized by moving the divider between two panes: drag and drop the divider or click-move-click the divider. ​
 +
 +===Working with Tabs===
 +Each pane has a header on the top where tab labels are displayed on the left and a set of mini buttons on the right. Clicking on the tab label activates the tab (brings the tab to the front). Double-clicking on the tab label maximizes the tab and the pane to take up the entire work-area. Double-click the tab label again to restore the pane to its normal size before the tab was maximized.
 +
 +=== Control Buttons ===
 +On the upper-right corner of each pane, you will find a set of mini buttons. ​ These mini buttons allow you to interact with the pane and perform functions on the active tab (the tab that is displayed). Please note that a few mini buttons are only applicable for certain panes.
 +  * {{http://​TestOptimal.com/​img/​refresh.png}} - refreshes the content of the pane/tab.
 +  * {{http://​TestOptimal.com/​img/​maximize.png}} - maximizes the pane to take up the entire browser window, alternative to double-click on tab label.
 +  * {{http://​TestOptimal.com/​img/​minLeft.png}} - minimizes left pane
 +  * {{http://​TestOptimal.com/​img/​minTop.png}} - minimizes top-right pane
 +  * {{http://​TestOptimal.com/​img/​minBottom.png}} - minimizes bottom-right pane
 +  * {{http://​TestOptimal.com/​img/​reset.png}} - resets all panes to their normal sizes before the last maximize operation. This is different from "Help / Reset IDE Layout"​ menu which resets all panes to their factory-default sizes.
 +  * {{http://​TestOptimal.com/​img/​customize.png}} - opens [[ide_tabcustomization|IDE Customization]] dialog.
 +  * {{http://​TestOptimal.com/​img/​plus.png}} - zooms in [[ModelingTab|Model Editor]], for Firefox and Opera browsers only.
 +  * {{http://​TestOptimal.com/​img/​minus.png}} - zooms out [[ModelingTab|Model Editor]], for Firefox and Opera browsers only.
 +
 +----
 +
 +==== Fullscreen Mode ====
 +You may open the IDE in fullscreen mode which is often used for demonstration. To open IDE in fullscreen mode, double click on the IDE header and press //F11//. For some browsers, just pressing //F11// is sufficient to open the IDE in fullscreen mode. To restore IDE to its normal mode, press //F11// again or //ESC//.
 +
 +
 +----
 +
 +==== IDE Tabs ====
 +Tabs are placed inside panes. ​ The default configuration for the pages are set as follows:
 +  * //left pane//: [[FileList|FileList tab]] and [[ModelingTab|Model tab]]
 +  * //top-right pane//: [[monitortab | Monitor Tab]] and [[statstab | Stats Tab]]
 +  * //​bottom-right pane//: [[mscripteditor | MScript Editor]]
 +
 +You can move tabs around between panes or add tabs or remove tabs from panes through [[ide_tabcustomization|IDE Customization]]. ​
 +
 +Tabs can also be maximized to take up the entire work-area by double-clicking on the tab label or clicking on the {{http://​testoptimal.com/​img/​maximize.png}} //control button//​.  ​
 +
 +=== Open Tab in New Browser ===
 +Often times you may wish to open the tab in its own browser window or browser tab (depending on your browser setup). To open //IDE// in a separate browser window, click on {{http://​TestOptimal.com/​img/​expand.png}} located at the upper-right corner of the tab label. ​
 +
 +The tab inside IDE will be disabled while it's opened in this manner. Closing the browser window that opens the tab will re-enable the tab in IDE. Note that each pane must maintain at least one active/​enabled tab.
 +
 +
 +----
 +
 +==== Shortcut Keys ====
 +//​TestOptimal//​ IDE provides different ways to access the certain [[shortcut_action_list | system actions]] and feature. For example you can start the model execution using //Run// menu and [[sidebar ​ | SideBar]]. ​
 +
 +You can assign [[shortcut_keys | shortcut keys]] to the supported [[shortcut_action_list | system actions]]. If the //shortcut action// matches the //menus// or [[sidebar | SideBar]], you will see the key letter or "​*"​ displayed next to the //menu// or //mini button//.
  
Print/export
QR Code
QR Code navigation (generated for current page)