Difference between revisions of "Getting Started Part 4"

From Lianjapedia
Redirect page
Jump to: navigation, search
(Redirected page to Lianja 5 Getting Started 4)
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
==Page Collections==
+
#REDIRECT [[Lianja 5 Getting Started 4]]
−
You now should have two Pages in your App. You can build as many as you want. You can group pages into logical groups (menus) by creating a Page Collection.
+
==See Also==
 +
[[Getting Started (Video)]]
  
−
===Creating a Page Collection===
+
[[Introducción Parte 4|Lea ésto en español]]
  
−
[[{{ns:file}}:gs4_1.png|450px|thumb|left|link={{filepath:gs4_1.png}}|Create Page Collection]]
+
[[Getting Started Part 1]]
  
 +
[[Getting Started Part 2]]
  
−
Create a Page Collection called Admin as shown.
+
[[Getting Started Part 3]]
  
 +
==Deploying and Testing your App locally==
 +
 +
===Publish===
 +
[[{{ns:file}}:getstart4_1.png|450px|thumb|left|link={{filepath:getstart4_1.png}}|App Settings: Published]]
 +
 +
 +
 +
 +
Before deploying your App for the desktop runtime client, it needs to be 'published'.
 +
 +
Open the Settings from the Modebar, click the '''Published''' checkbox (True) and click '''Done'''.
 +
 +
Once an App is published, its tile will appear in the Home workspace App Center.
 +
 +
For information on configuring the App's tile see [[Lianja App Center Tiles]].
 +
 
<br clear=all>
 
<br clear=all>
  
−
===Adding Pages to a Page Collection===
+
===Quick Deploy===
 +
[[{{ns:file}}:getstart4_2.png|450px|thumb|left|link={{filepath:getstart4_2.png}}|Quick Deploy]]
  
−
[[{{ns:file}}:gs4_2.png|450px|thumb|left|link={{filepath:gs4_2.png}}|Add Pages to Page Collection]]
 
  
  
−
To add Pages into a Page Collection, you just click on the Page title in the Page headerbar and drag the title on top of the Page Collection button.
+
To deploy for the desktop runtime, click the '''Quick Deploy''' toolbutton in the headerbar.
 +
 
 +
Click '''Setup'''.  This will take you to the Deploy workspace to setup the files you want to deploy.
 +
 
 +
This is done once, then you can deploy using the current settings multiple times.
  
 
<br clear=all>
 
<br clear=all>
  
−
===Accessing Pages from a Page Collection===
+
[[{{ns:file}}:getstart4_3.png|450px|thumb|left|link={{filepath:getstart4_3.png}}|Deploy Workspace]]
  
−
[[{{ns:file}}:gs4_3.png|450px|thumb|left|link={{filepath:gs4_3.png}}|Page Collection]]
 
  
  
−
Now the two pages Customers and Employees are grouped into the Admin Page Collection in the Navigation Menu Panel.
+
In the Deploy workspace, click the arrow to the left of '''Apps''' then scroll down and click the checkbox next to '''myapp'''.
 +
 
 +
Reselect '''Pages''' from the Modebar.
  
 
<br clear=all>
 
<br clear=all>
  
−
[[{{ns:file}}:gs4_4.png|450px|thumb|left|link={{filepath:gs4_4.png}}|Navigation Menu in App Settings]]
+
[[{{ns:file}}:getstart4_4.png|450px|thumb|left|link={{filepath:getstart4_4.png}}|Quick Deploy: Preview]]
  
  
−
The Page Menu can be displayed in the Left Sidebar instead of the Navigation Menu Panel. 
 
  
−
This is an App-wide setting, so click on the Settings button at the bottom of the Modebar to access the App Settings.
+
Click '''Quick Deploy''' again and click the '''Preview''' button to view the files that will be deployed.
  
 
<br clear=all>
 
<br clear=all>
  
−
===Removing Pages from a Page Collection===
+
[[{{ns:file}}:getstart4_5.png|450px|thumb|left|link={{filepath:getstart4_5.png}}|Quick Deploy: Commit]]
  
−
[[{{ns:file}}:gs4_5.png|450px|thumb|left|link={{filepath:gs4_5.png}}|Remove Page From Page Collection]]
 
  
  
−
If you want to move Pages out of a Page Collection just drag and drop them back into the Headerbar. 
 
  
−
You can also re-order Pages in the Page Collection by dragging them into the Headerbar then back into the Collection.
+
Then click '''Commit''' to deploy the files.
  
−
Note that right-clicking on the Page Collection title allows you to rename or delete the Collection.
+
<br clear=all>
 +
 
 +
[[{{ns:file}}:getstart4_6.png|450px|thumb|left|link={{filepath:getstart4_6.png}}|Quick Deploy: Deployment Completed]]
 +
 
 +
 
 +
 
 +
Click '''Close''' once the deployment has completed.
  
 
<br clear=all>
 
<br clear=all>
  
−
===Running the completed application===
+
===Lianja App Center===
 +
[[{{ns:file}}:getstart4_7.png|450px|thumb|left|link={{filepath:getstart4_7.png}}|Log into Desktop Client App Center]]
  
−
[[{{ns:file}}:gs4_6.png|450px|thumb|left|link={{filepath:gs4_6.png}}|Page Collection - Runtime]]
 
  
  
−
Now you have an application consisting of two pages. 
 
  
−
Click the Runtime view icon and run your completed App. It's as simple as that!
+
Now, double-click on the '''Lianja App Center''' shortcut on your desktop - this is the desktop runtime client.
 +
 
 +
Enter the default Username '''admin''' and the default Password '''admin'''.
 +
 
 +
Then click '''Login'''.
  
 
<br clear=all>
 
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_8.png|450px|thumb|left|link={{filepath:getstart4_8.png}}|Open App in App Center]]
 +
 +
 +
 +
You should now see your App's tile.
 +
 +
Click the tile to run the App.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_9.png|450px|thumb|left|link={{filepath:getstart4_9.png}}|Running App in App Center]]
 +
 +
 +
 +
Now you can view and test your App running in the desktop client.
 +
 +
<br clear=all>
 +
 +
===Deploying and running Web Apps===
 +
[[{{ns:file}}:getstart4_10.png|450px|thumb|left|link={{filepath:getstart4_10.png}}|Deploy Web App in Web App View]]
 +
 +
 +
 +
To deploy a web App, click on the '''Web App View''' toolbutton in the Headerbar to open your App in Web App View.
 +
 +
Then click '''Deploy'''.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_11.png|450px|thumb|left|link={{filepath:getstart4_11.png}}|Web App View Preview: Login in Browser]]
 +
 +
 +
 +
Then click '''Preview'''.
 +
 +
This will open the App in your default browser.
 +
 +
Log in to the web client Lianja App Center using the default Username '''admin''' and the default Password '''admin'''.
 +
 +
Note that once you have an authenticated session running in the browser, you can Deploy and Preview the App without having to login again.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_12.png|450px|thumb|left|link={{filepath:getstart4_12.png}}|Web App View Preview: App Center in Browser]]
 +
 +
 +
 +
You should now see your App's tile.
 +
 +
Click the tile to run the App.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_13.png|450px|thumb|left|link={{filepath:getstart4_13.png}}|Web App View Preview: Running Web App in Browser]]
 +
 +
 +
 +
Now you can view and test your App running in the web client.
 +
<br clear=all>
 +
  
 
[[Category:Getting Started]]
 
[[Category:Getting Started]]

Latest revision as of 08:45, 6 December 2019

#REDIRECTLianja 5 Getting Started 4
Retrieved from "https://www.lianja.com/doc/index.php?title=Getting_Started_Part_4&oldid=22478"