Difference between revisions of "Console Tab"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
==The App Inspector== | ==The App Inspector== | ||
The App Inspector is your best friend during development as it provides a complete overview of your App. | The App Inspector is your best friend during development as it provides a complete overview of your App. | ||
| Line 14: | Line 12: | ||
==The Console Tab== | ==The Console Tab== | ||
| − | The Console Tab contains an embedded console for all supported scripting languages. | + | The Console Tab contains an embedded console for all supported scripting languages. |
| + | |||
| + | Detach the tab if you want to use it in [[Getting_Started_Part_1#Desktop_App_View|Desktop App View]] runtime mode to assist with debugging. | ||
| + | |||
| + | <div style="height:80px;margin-bottom:5px;padding:5px;border:0px solid orange;border-left:5px solid orange;background:#fff8dc;vertical-align:middle;position:relative;"> | ||
| + | [[File:bm-noteicon.png|top|40px|link=]]<div style="position:absolute;top:3px;margin-bottom;bottom:5px;margin-left:50px;"><b> Pro Tip</b> | ||
| + | Alternatively, open the [[Command Window]] from the system Menubar.<br/> | ||
| + | </div> | ||
| + | <span style="height:6px;"> </span> | ||
| + | </div> | ||
| + | |||
| + | The Console Tab comprises an Input panel and an Output panel. | ||
| + | |||
| + | ===Input Panel=== | ||
| + | Select a tab to choose the scripting language. Type commands then terminate by pressing enter. Any output will be displayed in the Output panel. | ||
| + | |||
| + | [[{{ns:file}}:console_tab_in.png|left|link={{filepath:console_tab_in.png}}|Console Tab]] | ||
| + | <br clear=all> | ||
| + | |||
| + | '''Context Menu''' | ||
| + | |||
| + | [[{{ns:file}}:console_tab_cm1.png|left|link={{filepath:console_tab_cm1.png}}|Console Tab]] | ||
| + | <br clear=all> | ||
| + | |||
| + | '''Insert Unicode control character''' | ||
| + | |||
| + | [[{{ns:file}}:console_tab_cm2.png|left|link={{filepath:console_tab_cm2.png}}|Console Tab]] | ||
| + | <br clear=all> | ||
| + | |||
| + | <div style="height:80px;margin-bottom:5px;padding:5px;border:0px solid orange;border-left:5px solid orange;background:#fff8dc;vertical-align:middle;position:relative;"> | ||
| + | [[File:bm-noteicon.png|top|40px|link=]]<div style="position:absolute;top:3px;margin-bottom;bottom:5px;margin-left:50px;"><b> Pro Tip</b> | ||
| + | See the [[CodeAssistant]] for syntax and other code assistance available for Lianja/VFP.<br/> | ||
| + | </div> | ||
| + | <span style="height:6px;"> </span> | ||
| + | </div> | ||
| + | |||
| + | ===Output Panel=== | ||
| + | [[{{ns:file}}:console_tab_out.png|left|link={{filepath:console_tab_out.png}}|Console Tab]] | ||
| + | <br clear=all> | ||
===Dock Tab=== | ===Dock Tab=== | ||
Revision as of 08:31, 11 January 2018
Contents
The App Inspector
The App Inspector is your best friend during development as it provides a complete overview of your App.
It is organized into Tabs. Each Tab is relevant to a particular workspace. You can double click a Tab to detach it into its own floating window.
Clicking the small icon on the far right of the App Inspector title bar will detach it into its own floating window.
Double clicking the window title bar when it is floating will attach it back into place.
The Console Tab
The Console Tab contains an embedded console for all supported scripting languages.
Detach the tab if you want to use it in Desktop App View runtime mode to assist with debugging.
The Console Tab comprises an Input panel and an Output panel.
Input Panel
Select a tab to choose the scripting language. Type commands then terminate by pressing enter. Any output will be displayed in the Output panel.
Context Menu
Insert Unicode control character
Output Panel
Dock Tab
To dock the tab back in the App Inspector, click the [x] or double-click the window title bar.
