newdevs:code:angular-field-order
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
newdevs:code:angular-field-order [2023/02/14 13:14] – tmccanna | newdevs:code:angular-field-order [2023/02/14 13:16] – tmccanna | ||
---|---|---|---|
Line 2: | Line 2: | ||
====== Control Angular Form Field Order ====== | ====== Control Angular Form Field Order ====== | ||
- | If you do not specify the field order when opening an Angular form in a modal, the fields will be displayed in alphabetical order. This can be very confusing, so it is good practice to add a fieldOrder parameter to the relevant HTML file. | + | If you do not specify the field order when opening an Angular form in a modal, the fields will be displayed in alphabetical order. This can be very confusing, so it is good practice to add a **fieldOrder** parameter to the relevant HTML file. |
An example of this can be seen in admin-carousel.component.html: | An example of this can be seen in admin-carousel.component.html: | ||
Line 8: | Line 8: | ||
< | < | ||
[preloadLinkedValues]=" | [preloadLinkedValues]=" | ||
- | | + | fieldOrder=" |
- | copy_location_filter, | + | copy_location_filter, |
+ | | ||
hiddenFieldsList=" | hiddenFieldsList=" | ||
[preSave]=" | [preSave]=" | ||
readonlyFields=" | readonlyFields=" | ||
- | [fieldOptions]=" | + | [fieldOptions]=" |
- | | + | |
+ | | ||
</ | </ | ||
+ | | ||
+ | See the example in git at: https:// | ||
- | ===== Things to add to this page: ===== | ||
- | |||
- | * Create example of controlling the form field order on a modal - use the patch here to work from: https:// | ||
newdevs/code/angular-field-order.txt · Last modified: 2024/06/05 13:29 by tmccanna