Difference between revisions of "UI Explorer"

From Lianjapedia
Jump to: navigation, search
(Created page with "''Under Construction. Coming soon in Lianja v5.0'' ==The App Inspector== The App Inspector is your best friend during development as it provides a complete overview of your...")
 
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
''Under Construction.  Coming soon in Lianja v5.0''
 
 
 
==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''' display changes based on the current workspace, showing tabs relevant to that workspace.
 
+
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.
 
Clicking the small icon on the far right of the App Inspector title bar will detach it into its own floating window.
Line 10: Line 6:
 
Double clicking the window title bar when it is floating will attach it back into place.
 
Double clicking the window title bar when it is floating will attach it back into place.
  
[[{{ns:file}}:app_inspector5_intro.png|800px|left|link={{filepath:app_inspector5_intro.png}}|App Inspector]]
+
[[{{ns:file}}:l5_uiexplorer.png|800px|left|border|link={{filepath:l5_uiexplorer.png}}|App Inspector]]
 
<br clear=all>
 
<br clear=all>
  
Line 17: Line 13:
  
 
===UI Elements===
 
===UI Elements===
[[{{ns:file}}:pages_hierarchy_tab2.png|left|link={{filepath:pages_hierarchy_tab2.png}}|UI Explorer Tab]]
+
[[{{ns:file}}:l5_uiexplorer1.png|left|link={{filepath:l5_uiexplorer1.png}}|UI Explorer Tab]]
 
<br clear=all>
 
<br clear=all>
  
 
===Delegates===
 
===Delegates===
[[{{ns:file}}:pages_hierarchy_tab3.png|left|link={{filepath:pages_hierarchy_tab3.png}}|UI Explorer Tab]]
+
[[{{ns:file}}:l5_uiexplorer2.png|left|link={{filepath:l5_uiexplorer2.png}}|UI Explorer Tab]]
 
<br clear=all>
 
<br clear=all>
  
===Dock Tab===
+
===Actionbar===
To dock the tab back in the App Inspector, click the [x] or double-click the window title bar.
+
[[{{ns:file}}:l5_uiexplorer3.png|left|link={{filepath:l5_uiexplorer3.png}}|UI Explorer Tab]]
[[{{ns:file}}:pages_hierarchy_tab1.png|left|link={{filepath:pages_hierarchy_tab1.png}}|UI Explorer Tab]]
+
 
<br clear=all>
 
<br clear=all>
  
 
[[Category:App Inspector v5]]
 
[[Category:App Inspector v5]]

Latest revision as of 08:54, 6 December 2019

The App Inspector

The App Inspector display changes based on the current workspace, showing tabs relevant to that workspace.

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.

App Inspector


The UI Explorer Tab

The UI Explorer Tab contains a hierarchical tree view of the Pages, Sections, FormItems and Delegates in the currently open App. It appears in the App Inspector when the Pages Workspace is active.

UI Elements

UI Explorer Tab


Delegates

UI Explorer Tab


Actionbar

UI Explorer Tab