Difference between revisions of "Category:Page Builder"

From Lianjapedia
Jump to: navigation, search
Line 15: Line 15:
 
<span style="height:6px;"> </span>
 
<span style="height:6px;"> </span>
 
</div>
 
</div>
<br/>
+
 
[[{{ns:file}}:bm-pagebuilder.png|773px|link={{filepath:bm-pagebuilder.png}}|Page Builder in the Lianja App Builder]]
+
[[{{ns:file}}:bm-pagebuilder.png|800px|left|border|link={{filepath:bm-pagebuilder.png}}|Page Builder in the Lianja App Builder]]
+
<br clear=all>
 +
 
 
<div style="height:120px;margin-bottom:5px;padding:5px;border:0px solid orange;border-left:5px solid orange;background:#fff8dc;vertical-align:middle;position:relative;">
 
<div style="height:120px;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>
 
[[File:bm-noteicon.png|top|40px|link=]]<div style="position:absolute;top:3px;margin-bottom;bottom:5px;margin-left:50px;"><b> Pro Tip</b>

Revision as of 10:42, 28 May 2020

The Page Builder visual design and development workspace is the focal point for building Desktop, Web and Mobile Apps in the Lianja App Builder.

Designed to maximize developer productivity and agile development, the Page Builder is a drag and drop visual programming tool that has the unique ability to reflect a live UI as you develop an App. It has integral support for Live Preview of Desktop, Web and Mobile Apps.

Bm-noteicon.png
Quick Start Guide

Select the "Pages" workspace.
Select the "Pages Files" in the App Inspector.
Drag a table onto the page to create a Form Section.
Shift+Drag a table onto the page to create a Grid section.
Customize its appearance by editing "Attributes" in its Attributes Tab.
Customize its behavior by editing "Custom Delegates" in its "Attributes" Tab.

Page Builder in the Lianja App Builder


Bm-noteicon.png
Pro Tip

The Form Tools at the bottom of the page has icons to help you visually design the page .
Clicking an icon displays a popup menu.
Move the mouse to the top of the popup menu and click within the top border.
The popup menu will be detached into its own floating window on top of the designer.

Getting Started

See Getting Started for documents and videos on getting started with the Page Builder.

Video Tutorials

See Video Tutorials for more videos.

Attributes

See Attributes for information on the attributes and custom delegates of the visual components that make up a Lianja App:

For more on Pages, Sections and Formitems (Gadgets, Fields and Advanced Canvas Controls) see their individual subcategories.

Subcategories

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