Difference between revisions of "Category:Workspaces"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
(44 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{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. | ||
+ | |||
+ | <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.<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 [[: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. | ||
+ | |||
+ | [[{{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%" | {| class="wikitable" width="100%" | ||
− | !width=" | + | !width="20%"|Name |
− | !width=" | + | !width="80%"|Description |
|- | |- | ||
− | |valign="top"|Home | + | |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"|The Home workspace is where you find your published Apps and links to development operations. | ||
|- | |- | ||
− | |valign="top"|Projects | + | |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]] | ||
|valign="top"|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. | |valign="top"|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. | ||
|- | |- | ||
− | |valign="top"|Apps | + | |valign="top"|[[:Category:Apps Workspace|Apps]] |
|valign="top"|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. | |valign="top"|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. | ||
|- | |- | ||
− | |valign="top"|Data | + | |valign="top"|[[:Category:Data Workspace|Data]] |
|valign="top"|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. | |valign="top"|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. | ||
|- | |- | ||
− | |valign="top"|Pages | + | |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"|The Pages workspace, or Page Builder, is the focal point for building Lianja Apps for Desktop, Web and Mobile devices. | ||
|- | |- | ||
− | |valign="top"|Library | + | |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]] | ||
|valign="top"|The Library workspace is where you create and/or edit scripts that can be shared across multiple Apps. | |valign="top"|The Library workspace is where you create and/or edit scripts that can be shared across multiple Apps. | ||
|- | |- | ||
− | |valign="top"|[[Versions Workspace|Versions]] | + | |valign="top"|[[:Category:Versions Workspace|Versions]] |
|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"|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"|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"|The Users workspace is where you control access to your Apps and their visual elements (Pages, Sections, Fields). | ||
|- | |- | ||
− | |valign="top"|[[ | + | |valign="top"|[[:Category:Build Workspace|Build]] |
− | |valign="top"|The | + | |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"|[[ | + | |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"|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"|Console | + | |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]] | ||
|valign="top"|The Console workspace is used by advanced users to perform database administration tasks. | |valign="top"|The Console workspace is used by advanced users to perform database administration tasks. | ||
|- | |- | ||
|} | |} | ||
− | + | ==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%" | {| class="wikitable" width="100%" | ||
− | !width=" | + | !width="20%"|Name |
− | !width=" | + | !width="80%"|Description |
|- | |- | ||
− | |valign="top"| | + | |valign="top"|[[Troubleshooter Debugger Tab|Debug]] |
− | |valign="top"|The | + | |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]] |
Latest revision as of 06:45, 27 October 2022
Contents
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.
Pages in category "Workspaces"
The following 10 pages are in this category, out of 10 total.