Differences

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

--- newdevs:code:angular-field-order [2023/02/14 13:16] – tmccanna
+++ newdevs: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 ======
-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}}"
@@ Line 19: / Line 21: @@
   </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.
-See the example in git at: https://git.evergreen-ils.org/?p=working/Evergreen.git;a=blobdiff;f=Open-ILS/src/eg2/src/app/staff/admin/local/admin-carousel.component.html;h=aede0adbf96b5f4dbba25baecef3d4cbba8040a2;hp=6740171a14c11e7a3b3b8d81f08d12d3bcac4de2;hb=f5fe60def6e5fe4ed6d0cf9a45401e7250bc1d54;hpb=13bf5d76eafa9f5a3c62d2dcc4b8bd19ddf64393