{"id":436,"date":"2023-02-08T17:37:00","date_gmt":"2023-02-08T17:37:00","guid":{"rendered":"https:\/\/automatethemundane.com\/index.php\/2023\/02\/08\/building-a-model-driven-app-part-3-forms\/"},"modified":"2023-02-08T17:37:00","modified_gmt":"2023-02-08T17:37:00","slug":"building-a-model-driven-app-part-3-forms","status":"publish","type":"post","link":"https:\/\/automatethemundane.com\/index.php\/2023\/02\/08\/building-a-model-driven-app-part-3-forms\/","title":{"rendered":"Building a Model Driven App Part 3-Forms"},"content":{"rendered":"\n

2\/8\/2023<\/p>\n\n\n

\n\n\n

The Why<\/h1>\n\n\n

Forms are a pivotal element of the Model Driven App in the Power Platform. They offer the user interface for users to interact with the data, enabling users to enter, view, modify and delete data. Comprehensive instructions on how to use forms in the Model Driven App are available from Microsoft; please refer to Microsoft Documentation<\/a> for more information.<\/p>\n\n\n

The Form Designer within the Model Driven App is the main way users can customize the forms. It enables the users to modify the appearance and the behavior of the form. This includes the ability to add different controls like text fields, images, buttons and grids. Additionally, users can also add rules that define the values of fields or control the visibility of fields based on certain conditions. Finally, users can add business processes that define the workflow that the data takes during its lifecycle.<\/p>\n\n\n

The How<\/h1>\n\n\n

Form creation<\/h2>\n\n\n
    \n
  1. From the Customer Requests Table, Select Forms, New Form, then Main Form\n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  2. Give the form a distinct name \u201cCustomer Request Main Form\u201d\n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  3. Select Save and Publish.<\/li>\n\n\n\n
  4. Select the Related Tab and disable its visibility. This tab is unnecessary for the current project.\n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  5. It is suggested that the tab labeled "General" be renamed "Input" for improved clarity and ease of navigation. Additionally, the Input tab should be reconfigured as a two-column tab.\n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  6. Move the owner to the upper right hand corner. This is a required column and looks better (IMO) in the upper right \n
    \n
    \n
    \"\"\/<\/figure>\n\n<\/div>\n\n\n
    \n
    \"\"\/<\/figure>\n\n<\/div>\n\n<\/div>\n<\/li>\n\n\n\n
  7. Add two 2 column tabs next to Input. The first will be for the supervisor and the second will be for Higher Approval\n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  8. In the input tab add the Request name, Cost, and Supervisor to the first column and the timeline to the second column\n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  9. In the Supervisor tab add the Supervisor and the Supervisor Approval to the first column and the timeline to the second column. \n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  10. In the Higher Approval Tab add the Higher Approval to the first column and the timeline to the second. \n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  11. Go to each tab and rename\/hide the column names as appropriate \n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  12. Save and Publish the form<\/li>\n\n\n\n
  13. Press the back button to get back to all the forms. <\/li>\n<\/ol>\n\n\n

    Form Ordering<\/h2>\n\n\n

    The next step is to make the custom form you just made and make it the first form that each users sees. <\/p>\n\n\n

      \n
    1. Before Ordering the forms we will turn off the default Main form. Select the Information Main form, then turn the form off. \n
      \"\"\/<\/figure>\n<\/li>\n\n\n\n
    2. The Select Form Settings\n
      \"\"\/<\/figure>\n<\/li>\n\n\n\n
    3. Make sure the Customer Requests Main Form is at the top of the list, then press Save and Publish\n
      \"\"\/<\/figure>\n<\/li>\n\n\n\n
    4. Choose "All" and then "Publish all customizations". This will make sure that all modifications are now active.<\/li>\n<\/ol>\n\n\n
      \"\"\/<\/figure>\n\n","protected":false},"excerpt":{"rendered":"

      2\/8\/2023 The Why Forms are a pivotal element of the Model Driven App in the Power Platform. They offer the user interface for users to interact with the data, enabling users to enter, view, modify and delete data. Comprehensive instructions on how to use forms in the Model Driven App are available from Microsoft; please […]<\/p>\n","protected":false},"author":1,"featured_media":124,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,6],"tags":[4],"class_list":["post-436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-forms","category-model-driven-app","tag-mda","entry","has-media"],"jetpack_featured_media_url":"https:\/\/automatethemundane.com\/wp-content\/uploads\/2023\/05\/cover-3-scaled.jpg","_links":{"self":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts\/436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/comments?post=436"}],"version-history":[{"count":1,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts\/436\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts\/436\/revisions\/438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/media\/124"}],"wp:attachment":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/media?parent=436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/categories?post=436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/tags?post=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}