Difference between revisions of "Category:Workspaces"

Latest revision as of 06:45, 27 October 2022

Overview

The Lianja App Builder is all about the Rapid Application Development of data-centric business Apps. It has a high performance SQL database engine embedded in it.

It organizes its UI into 'workspaces'. The modebar down the left hand side contains a strip of vertical buttons which when clicked causes the UI to switch to that particular workspace. No matter what workspace is selected the modebar is visible allowing you to switch between workspaces with one click.

When developing an App you are working on live data.
At any time during development you can view your App as a Desktop App or in the browser
using the toolbuttons in the top right of the HeaderBar.

If you are in the Apps workspace and are editing code, switching to another workspace will automatically save your edits and dynamically compile the code then refresh the UI in the Pages workspace for you.

See below for screenshots and options for lower resolution screens.

Workspaces

Name	Description
Home	The Home workspace is where you find your published Apps and links to development operations.
Team	The Team workspace is where you download shared Apps from your GitHub team repository. Coming soon.
Projects	The Projects workspace is where you create a new Project or open an existing one. You use projects to group together your Apps, Database and Library files.
Apps	The Apps workspace is where you create a new App or open an existing one. All scripts that you write that are associated with the App can be edited here in the Script editor.
Data	The Data workspace is where you perform database administration operations on your data, browse and modify it and view it in a variety of different data views: Grid, Form and Split View.
Pages	The Pages workspace, or Page Builder, is the focal point for building Lianja Apps for Desktop, Web and Mobile devices.
Reports	The Reports workspace is where you create reports in the Report Builder.
Library	The Library workspace is where you create and/or edit scripts that can be shared across multiple Apps.
Versions	The Versions workspace keeps track of all of your modifications to your Apps and scripts and can be used to restore previous versions.
Users	The Users workspace is where you control access to your Apps and their visual elements (Pages, Sections, Fields).
Build	The Build workspace is where you can edit the custom manifest file for Progressive Web Apps, configure and build Electron App executables and build React Native Apps in the cloud (coming soon).
Deploy	The Deploy workspace is where you deploy your App and optionally its database to a runtime directory on your LAN or into the cloud to a remote server.
Cloud	Coming Soon.
Forums	The Forums workspace contains an embedded browser with the Lianja Developer Community forums.
Doc	The Doc workspace contains an embedded browser with the Lianja online documentation.
Console	The Console workspace is used by advanced users to perform database administration tasks.

Selectors

Name	Description
ProCode / NoCode Mode	Switch development mode between Procode and NoCode. See below for further details.
Local / ... deployment target	Switch deployment target. The selector list includes Local and any deployment configurations from the Deploy workspace. See also Cross Platform App Deployment.
Debug / Release Mode	Switch build mode between Debug and Release. The type of build for Web/Mobile Apps. Use Debug when testing and Release when deploying. This is a quick toggle for the Build mode App Setting.

ProCode / NoCode

When NoCode mode is selected, certain tools and workspaces are hidden to provide a streamlined, simpler interface for building NoCode Apps:

Hidden elements include:

The App Builder MenuBar
The Projects and Build workspaces
The Troubleshooter
The Visual UI Component Manager
The MetaType Editor, UI States Editor, Help Editor and Save in the Page Library HeaderBar toolbuttons

You can also simplify the Attributes display using the Skills Levels pulldown
In the App Inspector Attributes.
The level can be set to Basic, Intermediate, Advanced or Expert.
At 'Basic' level, only the most commonly used attributes are shown, giving the clearest and
simplest view of the attributes if you are a beginner and/or are aiming to build NoCode Apps.

Tools, Settings and Shortcuts

Name	Description
Debug	The Debugger Tab contains the Lianja/VFP Debugger.
Components	Opens the Visual UI Component Manager.
Settings	The App Inspector App Settings Tab contains settings for the current App. If the App Inspector is closed, the App Settings dialog is displayed.
Shortcuts / Develop (from v8.0)	The Shortcuts/Develop menu provides a range of handy links to recent Projects, Apps and Files and common operations in the Lianja App Builder.

Lower Resolution Screens

On lower resolution screens, the modebar icons are smaller and displayed without captions:

Alternatively, start the App Builder with the --minimalui command line switch. This shows the larger captioned icons, but removes 'Teams', 'Doc' and 'Forums':

The View menu in the system menu allows the toggling of the icon size and captioning. The larger captioned icons will only be displayed if space permits.

Subcategories

This category has the following 14 subcategories, out of 14 total.

A

B

Build Workspace

C

Console Workspace

D

Pages in category "Workspaces"

The following 10 pages are in this category, out of 10 total.

A

App Builder MenuBar

D

F

Forums Workspace

L

Lianja Cloud App Deployment

R

Reports Workspace

S

T

@@ Line 1: / Line 1: @@
-The Lianja App Builder is all about a Rapid Application Development.
+{{DISPLAYTITLE:App Builder Guided Tour}}
+==Overview==
+The Lianja App Builder is all about the Rapid Application Development of data-centric business Apps. It has a high performance SQL database engine embedded in it.
-It organizes its UI into “workspaces”. The “modebar” down the left hand side contains a strip of vertical buttons which when clicked causes the UI to switch to that particular workspace. No matter what workspace is selected the modebar is visible allowing you to switch between workspaces with one click.
+It organizes its UI into 'workspaces'. The '''modebar''' down the left hand side contains a strip of vertical buttons which when clicked causes the UI to switch to that particular '''workspace'''. No matter what workspace is selected the modebar is visible allowing you to switch between workspaces with one click.
-<div style="height:38px;margin-top:15px;padding:5px;border:0px solid orange;border-left:5px solid orange;background:#fff8dc;vertical-align:middle;position:relative;">
+<div style="height:80px;margin-top:15px;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:7px;bottom:5px;margin-left:50px;">
-When developing an App you are working on live data.
+When developing an App you are working on live data.<br>
+At any time during development you can view your App as a Desktop App or in the browser<br>
+using the toolbuttons in the top right of the HeaderBar.
 </div>
 </div>
-If you are in the “Apps” workspace and are editing code, switching to another workspace will automatically save your edits and dynamically compile the code then refresh the UI in the “pages” workspace for you.
+If you are in the [[:Category:Apps Workspace|Apps workspace]] and are editing code, switching to another workspace will automatically save your edits and dynamically compile the code then refresh the UI in the [[:Category:Page Builder|Pages workspace]] for you.
-[[File:bm-modebar.png|middle|773px]]
+[[{{ns:file}}:l5_workspaces.png|800px|left|border|link={{filepath:l5_workspaces.png}}|Modebar used to Switch Workspaces]]
+<br clear=all>
+See [[#Lower Resolution Screens|below]] for screenshots and options for lower resolution screens.
+==Workspaces==
 {| class="wikitable" width="100%"
-!width="10%"|Name
+!width="20%"|Name
-!width="90%"|Description
+!width="80%"|Description
 |-
 |valign="top"|[[:Category:Home Workspace|Home]]
 |valign="top"|The Home workspace is where you find your published Apps and links to development operations.
+|-
+|valign="top"|[[Team Workspace|Team]]
+|valign="top"|The Team workspace is where you download shared Apps from your GitHub team repository.  Coming soon.
 |-
 |valign="top"|[[:Category:Projects Workspace|Projects]]
@@ Line 31: / Line 42: @@
 |valign="top"|[[:Category:Page Builder|Pages]]
 |valign="top"|The Pages workspace, or Page Builder, is the focal point for building Lianja Apps for Desktop, Web and Mobile devices.
+|-
+|valign="top"|[[Reports Workspace|Reports]]
+|valign="top"|The Reports workspace is where you create reports in the Report Builder.
 |-
 |valign="top"|[[:Category:Library Workspace|Library]]
@@ Line 38: / Line 52: @@
 |valign="top"|The Versions workspace keeps track of all of your modifications to your Apps and scripts and can be used to restore previous versions.
 |-
-|valign="top"|[[:Category:Users Workspace|Users]]
+|valign="top"|[[Users_and_Roles|Users]]
 |valign="top"|The Users workspace is where you control access to your Apps and their visual elements (Pages, Sections, Fields).
 |-
 |valign="top"|[[:Category:Build Workspace|Build]]
-|valign="top"|The Build workspace is where you configure and build PhoneGap Apps in the cloud using the Adobe PhoneGap Build service and Electron Apps. With Electron you can package up a Lianja Web App into an executable for Windows, MacOS or Linux. You build Electron executables in the Electron workspace.
+|valign="top"|The Build workspace is where you can edit the custom manifest file for [[Progressive Web Apps]], configure and build [[:Category:Electron_Apps|Electron App executables]] and build React Native Apps in the cloud (coming soon).
 |-
 |valign="top"|[[:Category:Deployment|Deploy]]
 |valign="top"|The Deploy workspace is where you deploy your App and optionally its database to a runtime directory on your LAN or into the cloud to a remote server.
+|-
+|valign="top"|[[:Category:Lianja Cloud|Cloud]]
+|valign="top"|Coming Soon.
+|-
+|valign="top"|[[Forums Workspace|Forums]]
+|valign="top"|The Forums workspace contains an embedded browser with the Lianja Developer Community forums.
+|-
+|valign="top"|[[Doc Workspace|Doc]]
+|valign="top"|The Doc workspace contains an embedded browser with the Lianja online documentation.
 |-
 |valign="top"|[[:Category:Console Workspace|Console]]
@@ Line 52: / Line 75: @@
 |}
-Tools were previously accessed from the Tools workspace, they can now be accessed from the Tools option in the system menu.
+==Selectors==
+{| class="wikitable" width="100%"
+!width="20%"|Name
+!width="80%"|Description
+|-
+|valign="top"|ProCode / NoCode Mode
+|valign="top"|Switch development mode between ''Procode'' and ''NoCode''.  See [[#ProCode_.2F_NoCode|below]] for further details.
+|-
+|valign="top"|Local / ... deployment target
+|valign="top"|Switch deployment target.  The selector list includes ''Local'' and any deployment configurations from the [[:Category:Deployment|Deploy workspace]].  See also [[Cross_Platform_App_Deployment_with_Lianja|Cross Platform App Deployment]].
+|-
+|valign="top"|Debug / Release Mode
+|valign="top"|Switch build mode between ''Debug'' and ''Release''.  The type of build for Web/Mobile Apps. Use ''Debug'' when testing and ''Release'' when deploying.  This is a quick toggle for the [[App Settings|Build mode App Setting]].
+|-
+|}
+===ProCode / NoCode===
+When NoCode mode is selected, certain tools and workspaces are hidden to provide a streamlined, simpler interface for building NoCode Apps:
+[[{{ns:file}}:l8_workspaces_nocode.png|800px|left|border|link={{filepath:l8_workspaces_nocode.png}}|NoCode]]
+<br clear=all>
+Hidden elements include:
+* The [[App Builder MenuBar]]
+* The [[:Category:Projects Workspace|Projects]] and [[:Category:Build Workspace|Build]] workspaces
+* [[:Category:Troubleshooter|The Troubleshooter]]
+* The [[Visual_Components#Visual_Component.2FForm_Manager|Visual UI Component Manager]]
+* The [[MetaTypes|MetaType Editor]], [[UI States|UI States Editor]], [[Help_Attributes#Help_table|Help Editor]] and [[Working_with_UI_Page_Libraries|Save in the Page Library]] HeaderBar toolbuttons
+<div style="height:140px;margin-top:15px;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:7px;bottom:5px;margin-left:50px;">
+You can also simplify the Attributes display using the [[Attributes#Skills_Levels|Skills Levels]] pulldown<br>
+In the [[:Category:App_Inspector_v5|App Inspector]] [[Attributes|Attributes]].<br>
+The level can be set to Basic, Intermediate, Advanced or Expert.<br>
+At 'Basic' level, only the most commonly used attributes are shown, giving the clearest and<br>
+simplest view of the attributes if you are a beginner and/or are aiming to build [[NoCode]] Apps.
+</div>
+</div>
+==Tools, Settings and Shortcuts==
 {| class="wikitable" width="100%"
-!width="10%"|Name
+!width="20%"|Name
-!width="90%"|Description
+!width="80%"|Description
 |-
-|valign="top"|[[Tools]]
+|valign="top"|[[Troubleshooter Debugger Tab|Debug]]
-|valign="top"|The Tools interface provides developers with the ability to write their own user-defined tools that are integrated into the Lianja App Builder.  These tools can be written in Lianja/VFP, Python, PHP or JavaScript.
+|valign="top"|The Debugger Tab contains the Lianja/VFP Debugger.
+|-
+|valign="top"|[[Visual Components|Components]]
+|valign="top"|Opens the [[Visual_Components#Visual_Component.2FForm_Manager|Visual UI Component Manager]].
+|-
+|valign="top"|[[App Settings|Settings]]
+|valign="top"|The [[App Inspector]] App Settings Tab contains settings for the current App. If the [[App Inspector]] is closed, the App Settings dialog is displayed.
+|-
+|valign="top"|[[Shortcuts|Shortcuts]] / [[Develop|Develop (from v8.0)]]
+|valign="top"|The Shortcuts/Develop menu provides a range of handy links to recent Projects, Apps and Files and common operations in the Lianja App Builder.
 |-
 |}
+==Lower Resolution Screens==
+On lower resolution screens, the modebar icons are smaller and displayed without captions:
+[[{{ns:file}}:l8_workspaces_smaller1.png|800px|left|border|link={{filepath:l8_workspaces_smaller1.png}}|Lower Resolution Screens]]
+<br clear=all>
+Alternatively, start the App Builder with the '''--minimalui''' [[Command Line Switches|command line switch]].  This shows the larger captioned icons, but removes 'Teams', 'Doc' and 'Forums':
+[[{{ns:file}}:l8_workspaces_smaller2.png|800px|left|border|link={{filepath:l8_workspaces_smaller2.png}}|Lower Resolution Screens]]
+<br clear=all>
+The View menu in the [[App_Builder_MenuBar#View|system menu]] allows the toggling of the icon size and captioning.  The larger captioned icons will only be displayed if space permits.
+[[{{ns:file}}:l8_workspaces_smaller3.png|800px|left|border|link={{filepath:l8_workspaces_smaller3.png}}|Lower Resolution Screens]]
+<br clear=all>
 [[Category:Developing in Lianja]]
+[[Category:Lianja v8.0]]