Difference between revisions of "Attributes"
Yvonne.milne (Talk | contribs) (→The App Inspector) |
Yvonne.milne (Talk | contribs) (→The App Inspector) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
==The App Inspector== | ==The App Inspector== | ||
− | The | + | The [[:Category:App_Inspector_v5|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. | Clicking the small icon on the far right of the App Inspector title bar will detach it into its own floating window. | ||
Line 8: | Line 6: | ||
Double clicking the window title bar when it is floating will attach it back into place. | Double clicking the window title bar when it is floating will attach it back into place. | ||
− | [[{{ns:file}}:l5_attributes.png|800px|left|link={{filepath:l5_attributes.png}}|App Inspector]] | + | [[{{ns:file}}:l5_attributes.png|800px|left|border|link={{filepath:l5_attributes.png}}|App Inspector]] |
<br clear=all> | <br clear=all> | ||
==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 display. 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 41: | ||
===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=== | ||
− | + | From v5.3 the panels include instant search. Just start typing the text you want to search for: | |
− | [[{{ns:file}}: | + | [[{{ns:file}}:attributes_instantsearch1.png|left|link={{filepath:attributes_instantsearch1.png}}|Instant Search]] |
<br clear=all> | <br clear=all> | ||
− | [[{{ns:file}}: | + | The display is updated as you type and as well as the mouse, you can also use the cursor keys and the return key to navigate and select: |
+ | [[{{ns:file}}:attributes_instantsearch2.png|left|link={{filepath:attributes_instantsearch2.png}}|Instant Search]] | ||
+ | <br clear=all> | ||
+ | |||
+ | In versions prior to 5.3, scroll through the attributes or search for an attribute by its first letter: | ||
+ | [[{{ns:file}}:l5_attributes7.png|left|link={{filepath:l5_attributes7.png}}|Attributes Tab]] | ||
+ | <br clear=all> | ||
+ | |||
+ | [[{{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 81: | ||
* '''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> | ||
Latest revision as of 07:24, 26 October 2022
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 display. 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
From v5.3 the panels include instant search. Just start typing the text you want to search for:
The display is updated as you type and as well as the mouse, you can also use the cursor keys and the return key to navigate and select:
In versions prior to 5.3, 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