{"id":2189,"date":"2025-08-29T16:36:02","date_gmt":"2025-08-29T22:36:02","guid":{"rendered":"https:\/\/www.idubbs.com\/blog\/?p=2189"},"modified":"2025-08-29T16:36:02","modified_gmt":"2025-08-29T22:36:02","slug":"power-apps-splash-screen-for-custom-list-form","status":"publish","type":"post","link":"https:\/\/www.idubbs.com\/blog\/2025\/power-apps-splash-screen-for-custom-list-form\/","title":{"rendered":"Power Apps Splash Screen for Custom List Form"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">When using Power Apps to <strong>customize List forms<\/strong>, I&#8217;m a big fan of <a href=\"https:\/\/www.idubbs.com\/blog\/2024\/list-form-about-page-with-power-apps\/\" target=\"_blank\" rel=\"noreferrer noopener\">&#8220;About&#8221; screens<\/a> as a way to give users more information. It&#8217;s so easy to spin up a page to communicate info that should be available to the user. At a recent event (<a href=\"https:\/\/techcon365.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TechCon<\/a> Atlanta &#8217;25) someone asked about a screen *before* the new item form. So, let&#8217;s look at that.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Without going too deep into potential business reasons here &#8211; maybe we need to make sure users know something (disclaimer, etc.) or see something (branding) &#8211; we want to have a form that is displayed *before* the new item form. A splash screen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before we add the new screen, let&#8217;s set up the New, Edit, and Display functionality. Plenty of documentation on how to do this, but we can look at this older (but still valid) <a href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/separate-custom-forms\/?msockid=115a40c12efd64f63f6a51192f556514\" target=\"_blank\" rel=\"noreferrer noopener\">Power Apps blog post<\/a> about it. Once the forms and properties are stitched together, we can add our new pieces. Why do this? We might not want the splash screen for all applications&#8230; like when viewing or editing. We&#8217;ll stitch it up just for the NewItem for this example. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to your List (SharePoint or Microsoft Lists)<br>Note: If you&#8217;re building a solution others in your organization will be using, make sure you&#8217;re using a list NOT created in &#8220;My Lists&#8221;. The list should be in a SharePoint site. <\/li>\n\n\n\n<li>Customize forms in Power Apps<br><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"171\" class=\"wp-image-2194\" style=\"width: 400px;\" src=\"http:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image.png\" alt=\"\" srcset=\"https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image.png 387w, https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-300x128.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><br><\/li>\n\n\n\n<li>Configure the SharePointIntegration control as shown in the blog above. <\/li>\n\n\n\n<li>Add the new screen. Let&#8217;s call it &#8220;SplashScreen&#8221;<br><img loading=\"lazy\" decoding=\"async\" width=\"210\" height=\"153\" class=\"wp-image-2196\" style=\"width: 210px;\" src=\"http:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-1.png\" alt=\"\"><br><\/li>\n\n\n\n<li>Add some content to it. Maybe a logo image, disclaimer text, or whatever works for you.<\/li>\n\n\n\n<li>Add a button to navigate to the actual NewItem form. (OnSelect: Navigate(<em>CreateScreen<\/em>)) <br><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"514\" class=\"wp-image-2197\" style=\"width: 300px;\" src=\"http:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-2.png\" alt=\"\" srcset=\"https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-2.png 333w, https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-2-175x300.png 175w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br><\/li>\n\n\n\n<li>Update the OnNew property of the SharePointIntegration control to not point to the NewItem form, but the new SplashScreen. <br><br><code>Set(SharePointFormMode, \"CreateForm\"); NewForm(CreateItemForm); Navigate(SplashScreen, ScreenTransition.None)<\/code><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">And there you go. That&#8217;s one way to do it. There are other approaches as well. Do what works for you. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Interesting little note: <br>Back in SharePoint, while you&#8217;re on the splash screen, the Save\/Cancel functionality &#8211; which is sort of a container for the Power App form &#8211; still functions as it should. If you try to Save it&#8217;ll fail because you haven&#8217;t filled in required fields like Title yet&#8230;   <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"161\" src=\"https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-3.png\" alt=\"\" class=\"wp-image-2198\" style=\"width:395px;height:auto\" srcset=\"https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-3.png 487w, https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/image-3-300x99.png 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When using Power Apps to customize List forms, I&#8217;m a big fan of &#8220;About&#8221; screens as a way to give users more information. It&#8217;s so easy to spin up a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[96,11],"tags":[254,256,255],"class_list":["post-2189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-powerapps","category-sharepoint","tag-power-apps","tag-screen","tag-sharepointintegration"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pgWQ1-zj","jetpack_featured_media_url":"https:\/\/www.idubbs.com\/blog\/wp-content\/uploads\/2025\/08\/drop-of-water-inject-water-drip-45229.jpeg","_links":{"self":[{"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/posts\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":7,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/posts\/2189\/revisions"}],"predecessor-version":[{"id":2201,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/posts\/2189\/revisions\/2201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/media\/2200"}],"wp:attachment":[{"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/media?parent=2189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/categories?post=2189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.idubbs.com\/blog\/wp-json\/wp\/v2\/tags?post=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}