Difference between revisions of "Attributes"
Yvonne.milne (Talk | contribs) (→The App Inspector) |
Yvonne.milne (Talk | contribs) |
||
| Line 12: | Line 12: | ||
==The Attributes Tab== | ==The Attributes Tab== | ||
| − | The Attributes Tab contains the App Attributes for Pages, Sections, FormItems and GridColumns | + | The Attributes Tab contains the [[App Settings]] and the App Attributes for Pages, Sections, FormItems and GridColumns. |
| − | [[{{ns:file}}: | + | It is shown in the App Inspector in the Pages workspace: |
| + | |||
| + | [[{{ns:file}}:l5_attributes1.png|800px|left|border|link={{filepath:l5_attributes1.png}}|App Inspector]] | ||
| + | <br clear=all> | ||
| + | |||
| + | and in the Apps workspace: | ||
| + | |||
| + | [[{{ns:file}}:l5_attributes2.png|800px|left|border|link={{filepath:l5_attributes2.png}}|App Inspector]] | ||
| + | <br clear=all> | ||
| + | |||
| + | ===Skills Levels=== | ||
| + | Use the Skills Levels pulldown to change the attributes dispay. The level can be set to Basic, Intermediate, Advanced or Expert. At 'Basic' level, only the most commonly used attributes are shown and this gives you the clearest and simplest view of the attributes if you are a beginner and/or are aiming to build [[NoCode]] Apps. 'Intermediate' and 'Advanced' show increasing numbers of attributes. At 'Expert' level, all attributes are shown. | ||
| + | |||
| + | [[{{ns:file}}:l5_attributes3.png|left|link={{filepath:l5_attributes3.png}}|Attributes Tab]] | ||
<br clear=all> | <br clear=all> | ||
===Selecting a UI Element=== | ===Selecting a UI Element=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes4.png|left|link={{filepath:l5_attributes4.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
| Line 30: | Line 43: | ||
===Selecting an Attribute Category=== | ===Selecting an Attribute Category=== | ||
Focus in on a single attribute category: | Focus in on a single attribute category: | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes5.png|left|link={{filepath:l5_attributes5.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
Or view them all: | Or view them all: | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes6.png|left|link={{filepath:l5_attributes6.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
===Selecting an Attribute=== | ===Selecting an Attribute=== | ||
Scroll through the attributes or search for an attribute by its first letter: | Scroll through the attributes or search for an attribute by its first letter: | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes7.png|left|link={{filepath:l5_attributes7.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes8.png|left|link={{filepath:l5_attributes8.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
===Changing Attributes=== | ===Changing Attributes=== | ||
Most attributes take effect in the Page Builder as you change them: | Most attributes take effect in the Page Builder as you change them: | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes9.png|800px|left|border|link={{filepath:l5_attributes9.png}}|App Inspector]] |
<br clear=all> | <br clear=all> | ||
For some attributes - where the data needs to be reloaded, as in the Section Filter shown below - the '''Apply Changes''' and '''Revert Changes''' buttons are displayed in the actionbar. Click the green tick to '''Apply Changes'''. | For some attributes - where the data needs to be reloaded, as in the Section Filter shown below - the '''Apply Changes''' and '''Revert Changes''' buttons are displayed in the actionbar. Click the green tick to '''Apply Changes'''. | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes10.png|left|link={{filepath:l5_attributes10.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
| − | |||
| − | |||
===Actionbar Buttons=== | ===Actionbar Buttons=== | ||
| Line 64: | Line 75: | ||
* '''Redo''': redo attribute changes. | * '''Redo''': redo attribute changes. | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes11.png|left|link={{filepath:l5_attributes11.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
===The '...' Button=== | ===The '...' Button=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes12.png|left|link={{filepath:l5_attributes12.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:l5_attributes13.png|left|link={{filepath:l5_attributes13.png}}|Attributes Tab]] |
<br clear=all> | <br clear=all> | ||
Revision as of 06:43, 22 May 2019
Under Construction. Coming soon in Lianja v5.0
Contents
The App Inspector
The App Inspector display changes based on the current workspace, showing tabs relevant to that workspace.
Clicking the small icon on the far right of the App Inspector title bar will detach it into its own floating window.
Double clicking the window title bar when it is floating will attach it back into place.
The Attributes Tab
The Attributes Tab contains the App Settings and the App Attributes for Pages, Sections, FormItems and GridColumns.
It is shown in the App Inspector in the Pages workspace:
and in the Apps workspace:
Skills Levels
Use the Skills Levels pulldown to change the attributes dispay. The level can be set to Basic, Intermediate, Advanced or Expert. At 'Basic' level, only the most commonly used attributes are shown and this gives you the clearest and simplest view of the attributes if you are a beginner and/or are aiming to build NoCode Apps. 'Intermediate' and 'Advanced' show increasing numbers of attributes. At 'Expert' level, all attributes are shown.
Selecting a UI Element
If the App Inspector is closed, double-click a UI Element's header or caption to slide in the Attributes Dialog.
Selecting an Attribute Category
Focus in on a single attribute category:
Or view them all:
Selecting an Attribute
Scroll through the attributes or search for an attribute by its first letter:
Changing Attributes
Most attributes take effect in the Page Builder as you change them:
For some attributes - where the data needs to be reloaded, as in the Section Filter shown below - the Apply Changes and Revert Changes buttons are displayed in the actionbar. Click the green tick to Apply Changes.
Actionbar Buttons
As shown above, the Apply Changes and Revert Changes buttons appear in the actionbar when confirmation is needed to commit a change. The actionbar has four further buttons:
- Toggle Editable: click this to toggle between locking the attributes and making them editable.
- Refresh: click this to refresh the Attributes panel, e.g. if you manually resize a grid column or edit a formitem caption in the Page Builder.
- Undo: undo attribute changes.
- Redo: redo attribute changes.
The '...' Button
