{"id":13121,"date":"2021-12-20T17:32:00","date_gmt":"2021-12-20T09:32:00","guid":{"rendered":"https:\/\/www.finereport.com\/en\/?p=13121"},"modified":"2024-04-09T11:51:56","modified_gmt":"2024-04-09T03:51:56","slug":"dashboard-opening-effect","status":"publish","type":"post","link":"https:\/\/www.finereport.com\/en\/dashboard-tools\/dashboard-opening-effect.html","title":{"rendered":"The Opening Effect Helps to Make More Visual Impact"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Big-Screen-Dashboard.png\"><img loading=\"lazy\" width=\"750\" height=\"505\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Big-Screen-Dashboard.png\" alt=\"An example of big screen dashboard\" class=\"wp-image-13149\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Big-Screen-Dashboard.png 750w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Big-Screen-Dashboard-300x202.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>The most common scenarios of FineReport large screen are the presentation and visualized analysis of data indicators. Traditionally, the design process is focused on the data and style suitable for large screens.<\/p>\n\n\n\n<ul><li><strong>The Data:<\/strong> Determine the specific content of the data that needs to be displayed, and at the same time confirm the requirements for responsiveness of each part of the data, to determine the corresponding visual elements.<\/li><li><strong>The Style<\/strong>: Determine the choice of colors and layouts for the large screen.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/dashboard-1.png\"><img loading=\"lazy\" width=\"1024\" height=\"406\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/dashboard-1-1024x406.png\" alt=\"Big screen dashboard\" class=\"wp-image-13125\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/dashboard-1-1024x406.png 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/dashboard-1-300x119.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/dashboard-1-768x305.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/dashboard-1.png 1318w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><a style=\"color: #fff; background-color: #2849f7; border: none; border-radius: 20px; width: 180px; height: 40px; font-size: 16px; line-height: 26px; display: block; padding: 6px 12px; margin-left: auto; margin-right: auto; text-align: center;\" href=\"\/en\/activation\">Free Download<\/a><\/p><\/br>\n\n\n\n<p>To better serve the presentation needs of wider application scenarios and add more visual impact to the large screen, the latest version of FineReport introduces the Opening Effect for a more stylish display.<\/p>\n\n\n\n<p>The Opening Effect refers to <strong>the transitional animation or video played before the large screen template is presented<\/strong>, which improves the overall sound and visual effect of large screens. FineReport has provided some cool options for opening effects, and custom opening videos are supported for the client to insert <strong>company introduction, brand promotional videos, etc<\/strong>. Like many other settings for FineReport components, we can configure the background, text, and other things for each opening effect.<\/p>\n\n\n\n<p>Note that some complex components, such as scene switching maps or some cool effects, may lead to an increased loading time for large screen initialization. Components of the large screen will be initialized and loaded simultaneously when the opening effect is displayed, so with correct timing, the loading time of large screens can be subtly &#8220;hidden&#8221; from the viewer&#8217;s senses. Okay, let&#8217;s have a look.<\/p>\n\n\n\n<\/br>\n\n\n\n<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#1_The_Built-in_and_Custom_Opening_Effects\">1. The Built-in and Custom Opening Effects<\/a><\/li><li><a href=\"#2_More_Possibilities_with_Custom_Opening_Effects\">2. More Possibilities with Custom Opening Effects<\/a><\/li><li><a href=\"#3_Segmented_Opening_Videos_for_All_Your_Needs\">3. Segmented Opening Videos for All Your Needs<\/a><\/li><li><a href=\"#4_Automatically_and_Manually_Exit_Opening_with_Time_Control\">4. Automatically and Manually Exit Opening with Time Control<\/a><\/li><\/ul><\/div>\n<h2><span id=\"1_The_Built-in_and_Custom_Opening_Effects\">1. The Built-in and Custom Opening Effects<\/span><\/h2>\n\n\n\n<p>Below are 2 options of the opening effects FineReport has provided. Both are ready-to-use with a dark-colored sci-fi theme, no need to search for videos or animations by yourself. The effects work perfectly with most of the large screen templates, bringing a smooth transition for an improved overall sound and visual effect.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-1.mp4\"><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-2.mp4\"><\/video><\/figure>\n\n\n\n<p><a style=\"color: #fff; background-color: #2849f7; border: none; border-radius: 20px; width: 180px; height: 40px; font-size: 16px; line-height: 26px; display: block; padding: 6px 12px; margin-left: auto; margin-right: auto; text-align: center;\" href=\"\/en\/activation\">Free Download<\/a><\/p><\/br>\n\n\n\n<p>On the other hand, you can also configure your opening effect with company introduction, promotional videos, etc., and build an exclusive viewing experience, as well as a unique style for the large screen.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Custom-Video.mp4\"><\/video><\/figure>\n\n\n\n<\/br>\n\n\n\n<h2><span id=\"2_More_Possibilities_with_Custom_Opening_Effects\">2. More Possibilities with Custom Opening Effects<\/span><\/h2>\n\n\n\n<p>Create a dashboard in the designer, go to &#8220;Template &gt; Opening Effect&#8221; and check &#8220;Use opening effect&#8221; to configure this feature. As you can see below, here you can set the aspect ratio, opening text, transition, and other custom effects.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect.png\"><img loading=\"lazy\" width=\"1024\" height=\"569\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect-1024x569.png\" alt=\"You can find Opening Effect from navigation bar\" class=\"wp-image-13132\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect-1024x569.png 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect-300x167.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect-768x426.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect-1536x853.png 1536w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect-2048x1137.png 2048w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Set-Opeing-Effect.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>You can configure the aspect ratio for wide and ultra-wide screens. Here we use 16:9 for wide screens, and 32:9 for ultra-wide screens.<\/p>\n\n\n\n<p>The opening text will be displayed with the background video and fade out as the playback ends.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-1.png\"><img loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-1-1024x578.png\" alt=\"An example of opening text\" class=\"wp-image-13133\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-1-1024x578.png 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-1-300x169.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-1-768x434.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-1.png 1316w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-2.png\"><img loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-2-1024x578.png\" alt=\"Another example of opening text\" class=\"wp-image-13134\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-2-1024x578.png 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-2-300x169.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-2-768x434.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Text-2.png 1316w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>As with many custom components, the opening effects of a large screen also support the color theme and image background customization. All right, let&#8217;s look at segmented transition next.<\/p>\n\n\n\n<\/br>\n\n\n\n<h2><span id=\"3_Segmented_Opening_Videos_for_All_Your_Needs\">3. Segmented Opening Videos for All Your Needs<\/span><\/h2>\n\n\n\n<p>There are two parts of the displayed built-in video: Background and Transition. These two parts are sequential and act as a smooth transition between the opening effect and the report page.<\/p>\n\n\n\n<p>Let&#8217;s take the built-in video as an example. The rotating Earth is the first part &#8211; Background.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-First-Part.png\"><img loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-First-Part-1024x578.png\" alt=\"The first part is a background\" class=\"wp-image-13135\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-First-Part-1024x578.png 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-First-Part-300x169.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-First-Part-768x434.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-First-Part.png 1316w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>And the second part, the Transition, begins when you see a sudden zoom in on the earth. Configured opening text will display with the video and fade out once the Transition begins.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Second-Part.png\"><img loading=\"lazy\" width=\"1001\" height=\"731\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Second-Part.png\" alt=\"The second part is a transition\" class=\"wp-image-13136\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Second-Part.png 1001w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Second-Part-300x219.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Second-Part-768x561.png 768w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/><\/a><\/figure>\n\n\n\n<br><\/br>\n\n\n\n<h2><span id=\"4_Automatically_and_Manually_Exit_Opening_with_Time_Control\">4. Automatically and Manually Exit Opening with Time Control<\/span><\/h2>\n\n\n\n<p>There are 2 options for opening exit: &#8220;Automatic exit&#8221; and &#8220;Click to exit&#8221;<\/p>\n\n\n\n<p>The Background video plays first when users access the large screen. After a set period, or once clicked, the Transition video will be on.<\/p>\n\n\n\n<p>So, here you can configure a proper period for complex components to load, and then switch to the large screen. Thus, a seamless user experience can be provided.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Time-Control.png\"><img loading=\"lazy\" width=\"642\" height=\"498\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Time-Control.png\" alt=\"You can set the elapsed time of the opening video\" class=\"wp-image-13137\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Time-Control.png 642w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/12\/Opening-Effect-Time-Control-300x233.png 300w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/a><\/figure>\n\n\n\n<p>What we have here is a smart but simple configuration. All you need to do is to download the latest FR10.0.19 from our official site or update the plugin for extended charts to V4.5, and all the cool opening effects are at your service! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add Opening Effect to enhance visual impact of dashboards and reduce loading time.<\/p>\n","protected":false},"author":1,"featured_media":13125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6927],"tags":[],"yst_prominent_words":[1664,3061,6358,680,2427],"_links":{"self":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/13121"}],"collection":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/comments?post=13121"}],"version-history":[{"count":17,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/13121\/revisions"}],"predecessor-version":[{"id":14260,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/13121\/revisions\/14260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media\/13125"}],"wp:attachment":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media?parent=13121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/categories?post=13121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/tags?post=13121"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=13121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}