User Tools

Site Tools


newdevs:code:angular-field-order

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
newdevs:code:angular-field-order [2023/02/14 13:14] – [Control Angular Form Field Order] tmccannanewdevs:code:angular-field-order [2023/02/14 13:19] (current) – [Control Angular Form Field Order] 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:+  fieldOrder="field1,field2,field3" 
 + 
 +An example of this in action can be seen in admin-carousel.component.html:
  
   <eg-fm-record-editor #editDialog idlClass="{{idlClass}}"    <eg-fm-record-editor #editDialog idlClass="{{idlClass}}" 
Line 18: Line 20:
       owning_lib_filter:{customTemplate:{template:orgTemplate}}}">       owning_lib_filter:{customTemplate:{template:orgTemplate}}}">
   </eg-fm-record-editor>   </eg-fm-record-editor>
- +   
- +Note that you can also make use of the **hiddenFieldsList** parameter for fields that do not need to show on the form, and of the **readonlyFields** parameter to make specified fields uneditable.
-===== 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://bugs.launchpad.net/evergreen/+bug/1857351 +
newdevs/code/angular-field-order.1676398474.txt.gz · Last modified: 2023/02/14 13:14 by tmccanna

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.