Difference between revisions of "Page Builder Assistant"

From Lianjapedia
Jump to: navigation, search
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
The Page Builder Assistant floating dialog sits to the right of the pages workspace to assist you in designing and coding delegates in Pages.  It provides shortcuts for many common operations and the ability to navigate quickly between the Pages, Sections and FormitemsPage, Section and Formitem delegates can then be edited in a floating editor directly in the Pages workspace.
+
The Page Builder Assistant can assist you in designing the UI and coding delegates in Pages.  It provides speedy access to key Page, Section, Formitem and GridColumn attributes and the ability to navigate quickly between the UI elementsDelegates can be edited in a floating editor directly in the Pages workspace.
 +
 
 +
From v8.0, the Page Builder Assistant has been integrated into the App Inspector, whether docked:
 +
 
 +
[[{{ns:file}}:l7_pba1.png|800px|left|border|link={{filepath:l7_pba1.png}}|Page Builder Assistant]]
 +
<br clear=all>
 +
 
 +
or undocked:
 +
 
 +
[[{{ns:file}}:l7_pba2.png|800px|left|border|link={{filepath:l7_pba2.png}}|Page Builder Assistant]]
 +
<br clear=all>
 +
 
 +
In earlier versions, it is a standalone floating dialog:
  
 
To toggle the display of the Page Builder Assistant, select it from the Windows menu in the [[App Builder MenuBar]] or click its toolbutton in the Headerbar
 
To toggle the display of the Page Builder Assistant, select it from the Windows menu in the [[App Builder MenuBar]] or click its toolbutton in the Headerbar
Line 7: Line 19:
 
[[{{ns:file}}:l5_pba2.png|800px|left|border|link={{filepath:l5_pba2.png}}|Page Builder Assistant]]
 
[[{{ns:file}}:l5_pba2.png|800px|left|border|link={{filepath:l5_pba2.png}}|Page Builder Assistant]]
 
<br clear=all>
 
<br clear=all>
 +
 +
<div style="height:80px;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>
 +
From v9.1.11, specify the anchors for [[Canvas Designer|Canvas Section]] Advanced Controls using the Page Builder Assistant [[Data_Attributes#Anchor_Builder|Anchor Builder]].
 +
</div>
 +
<span style="height:6px;"> </span>
 +
</div><br>
  
 
[[Category:Lianja v5.0]]
 
[[Category:Lianja v5.0]]
 +
[[Category:Lianja v8.0]]
 +
[[Category:Lianja v9.1]]
 
[[Category:Page Builder]]
 
[[Category:Page Builder]]
 +
[[Category:App Inspector v5]]

Latest revision as of 07:03, 3 August 2023

The Page Builder Assistant can assist you in designing the UI and coding delegates in Pages. It provides speedy access to key Page, Section, Formitem and GridColumn attributes and the ability to navigate quickly between the UI elements. Delegates can be edited in a floating editor directly in the Pages workspace.

From v8.0, the Page Builder Assistant has been integrated into the App Inspector, whether docked:

Page Builder Assistant


or undocked:

Page Builder Assistant


In earlier versions, it is a standalone floating dialog:

To toggle the display of the Page Builder Assistant, select it from the Windows menu in the App Builder MenuBar or click its toolbutton in the Headerbar

Page Builder Assistant


Page Builder Assistant


Bm-noteicon.png
Pro Tip

From v9.1.11, specify the anchors for Canvas Section Advanced Controls using the Page Builder Assistant Anchor Builder.