{"id":3377,"date":"2026-01-23T06:59:32","date_gmt":"2026-01-22T22:59:32","guid":{"rendered":"https:\/\/five.co\/?p=3377"},"modified":"2026-01-30T15:32:42","modified_gmt":"2026-01-30T07:32:42","slug":"how-to-create-a-secure-portal-in-4-steps","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/blog\/how-to-create-a-secure-portal-in-4-steps\/","title":{"rendered":"How to Create a Secure Portal In 4 Steps"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Create a Secure Portal In 4 Steps: Quick &amp; Easy Guide<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It seems almost every day we hear about security and data breaches affecting some of the world&#8217;s largest companies. Consequently, more businesses are investing heavily in securing their operations, whether it be their web portals, websites, or databases.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But where do you start when it comes to making your company&#8217;s online presence secure? And how do you go about creating a secure <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/how-to-create-a-web-portal\/\">portal<\/a>?<\/p>\n\n\n<div class=\"root-eb-toc-fhv1g wp-block-essential-blocks-table-of-contents\"><div class=\"eb-parent-wrapper eb-parent-eb-toc-fhv1g \"><div class=\"eb-toc-container eb-toc-fhv1g  eb-toc-is-not-sticky eb-toc-not-collapsible eb-toc-initially-not-collapsed eb-toc-scrollToTop style-1 list-style-none\" data-scroll-top=\"false\" data-scroll-top-icon=\"fas fa-angle-up\" data-collapsible=\"false\" data-sticky-hide-mobile=\"false\" data-sticky=\"false\" data-scroll-target=\"scroll_to_toc\" data-copy-link=\"false\" data-editor-type=\"\" data-hide-desktop=\"false\" data-hide-tab=\"false\" data-hide-mobile=\"false\" data-itemcollapsed=\"false\" data-highlight-scroll=\"false\"><div class=\"eb-toc-header\"><h2 class=\"eb-toc-title\">Table of Contents<\/h2><\/div><div class=\"eb-toc-wrapper \" data-headers=\"[{&quot;level&quot;:2,&quot;content&quot;:&quot;Create a Secure Portal In 4 Steps: Quick &amp; Easy Guide&quot;,&quot;text&quot;:&quot;Create a Secure Portal In 4 Steps: Quick &amp; Easy Guide&quot;,&quot;link&quot;:&quot;create-a-secure-portal-in-4-steps-quick-easy-guide&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;What Makes a Portal Secure?&quot;,&quot;text&quot;:&quot;What Makes a Portal Secure?&quot;,&quot;link&quot;:&quot;what-makes-a-portal-secure&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Additional Steps to Enhance Security&quot;,&quot;text&quot;:&quot;Additional Steps to Enhance Security&quot;,&quot;link&quot;:&quot;additional-steps-to-enhance-security&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;How Can You Create a Secure Portal &quot;,&quot;text&quot;:&quot;How Can You Create a Secure Portal &quot;,&quot;link&quot;:&quot;how-can-you-create-a-secure-portal&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;Step by Step Guide on Creating a Secure Portal &quot;,&quot;text&quot;:&quot;Step by Step Guide on Creating a Secure Portal &quot;,&quot;link&quot;:&quot;step-by-step-guide-on-creating-a-secure-portal&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Step 1: Creating a New Secure Portal&quot;,&quot;text&quot;:&quot;Step 1: Creating a New Secure Portal&quot;,&quot;link&quot;:&quot;step-1-creating-a-new-secure-portal&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Step 2: Setting Up Database Tables&quot;,&quot;text&quot;:&quot;Step 2: Setting Up Database Tables&quot;,&quot;link&quot;:&quot;step-2-setting-up-database-tables&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;Navigate to the Table Wizard&quot;,&quot;text&quot;:&quot;Navigate to the Table Wizard&quot;,&quot;link&quot;:&quot;navigate-to-the-table-wizard&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;The Products Table&quot;,&quot;text&quot;:&quot;The Products Table&quot;,&quot;link&quot;:&quot;the-products-table&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;Example Product Table Structure:&quot;,&quot;text&quot;:&quot;Example Product Table Structure:&quot;,&quot;link&quot;:&quot;example-product-table-structure&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;The Orders Table&quot;,&quot;text&quot;:&quot;The Orders Table&quot;,&quot;link&quot;:&quot;the-orders-table&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;The ProductOrders Table&quot;,&quot;text&quot;:&quot;The ProductOrders Table&quot;,&quot;link&quot;:&quot;the-productorders-table&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Step 3: Importing Data For Your Secure Portal&quot;,&quot;text&quot;:&quot;Step 3: Importing Data For Your Secure Portal&quot;,&quot;link&quot;:&quot;step-3-importing-data-for-your-secure-portal&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;Use Form Wizard to Create Forms&quot;,&quot;text&quot;:&quot;Use Form Wizard to Create Forms&quot;,&quot;link&quot;:&quot;use-form-wizard-to-create-forms&quot;},{&quot;level&quot;:4,&quot;content&quot;:&quot;Adding a Page to a Form&quot;,&quot;text&quot;:&quot;Adding a Page to a Form&quot;,&quot;link&quot;:&quot;adding-a-page-to-a-form&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Step 4: Preview Your Web Portal&quot;,&quot;text&quot;:&quot;Step 4: Preview Your Web Portal&quot;,&quot;link&quot;:&quot;step-4-preview-your-web-portal&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Generating Charts For Your Web Portal&quot;,&quot;text&quot;:&quot;Generating Charts For Your Web Portal&quot;,&quot;link&quot;:&quot;generating-charts-for-your-web-portal&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Creating PDF Reports&quot;,&quot;text&quot;:&quot;Creating PDF Reports&quot;,&quot;link&quot;:&quot;creating-pdf-reports&quot;},{&quot;level&quot;:1,&quot;content&quot;:&quot;Report&quot;,&quot;text&quot;:&quot;Report&quot;,&quot;link&quot;:&quot;report&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;Final Touches To Your Secure Portal &quot;,&quot;text&quot;:&quot;Final Touches To Your Secure Portal &quot;,&quot;link&quot;:&quot;final-touches-to-your-secure-portal&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Creating Menus&quot;,&quot;text&quot;:&quot;Creating Menus&quot;,&quot;link&quot;:&quot;creating-menus&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Testing Your Application&quot;,&quot;text&quot;:&quot;Testing Your Application&quot;,&quot;link&quot;:&quot;testing-your-application&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Adding User Management and Logins&quot;,&quot;text&quot;:&quot;Adding User Management and Logins&quot;,&quot;link&quot;:&quot;adding-user-management-and-logins&quot;},{&quot;level&quot;:2,&quot;content&quot;:&quot;Conclusion: How to Create a Secure Portal&quot;,&quot;text&quot;:&quot;Conclusion: How to Create a Secure Portal&quot;,&quot;link&quot;:&quot;conclusion-how-to-create-a-secure-portal&quot;},{&quot;level&quot;:3,&quot;content&quot;:&quot;Finding Help in Five&quot;,&quot;text&quot;:&quot;Finding Help in Five&quot;,&quot;link&quot;:&quot;finding-help-in-five&quot;}]\" data-visible=\"[true,true,true,true,true,true]\" data-delete-headers=\"[{&quot;label&quot;:&quot;Create a Secure Portal In 4 Steps: Quick &amp; Easy Guide&quot;,&quot;value&quot;:&quot;create-a-secure-portal-in-4-steps-quick-easy-guide&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;What Makes a Portal Secure?&quot;,&quot;value&quot;:&quot;what-makes-a-portal-secure&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Additional Steps to Enhance Security&quot;,&quot;value&quot;:&quot;additional-steps-to-enhance-security&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;How Can You Create a Secure Portal &quot;,&quot;value&quot;:&quot;how-can-you-create-a-secure-portal&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Step by Step Guide on Creating a Secure Portal &quot;,&quot;value&quot;:&quot;step-by-step-guide-on-creating-a-secure-portal&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Step 1: Creating a New Secure Portal&quot;,&quot;value&quot;:&quot;step-1-creating-a-new-secure-portal&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Step 2: Setting Up Database Tables&quot;,&quot;value&quot;:&quot;step-2-setting-up-database-tables&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Navigate to the Table Wizard&quot;,&quot;value&quot;:&quot;navigate-to-the-table-wizard&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;The Products Table&quot;,&quot;value&quot;:&quot;the-products-table&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Example Product Table Structure:&quot;,&quot;value&quot;:&quot;example-product-table-structure&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;The Orders Table&quot;,&quot;value&quot;:&quot;the-orders-table&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;The ProductOrders Table&quot;,&quot;value&quot;:&quot;the-productorders-table&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Step 3: Importing Data For Your Secure Portal&quot;,&quot;value&quot;:&quot;step-3-importing-data-for-your-secure-portal&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Use Form Wizard to Create Forms&quot;,&quot;value&quot;:&quot;use-form-wizard-to-create-forms&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Adding a Page to a Form&quot;,&quot;value&quot;:&quot;adding-a-page-to-a-form&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Step 4: Preview Your Web Portal&quot;,&quot;value&quot;:&quot;step-4-preview-your-web-portal&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Generating Charts For Your Web Portal&quot;,&quot;value&quot;:&quot;generating-charts-for-your-web-portal&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Creating PDF Reports&quot;,&quot;value&quot;:&quot;creating-pdf-reports&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Report&quot;,&quot;value&quot;:&quot;report&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Final Touches To Your Secure Portal &quot;,&quot;value&quot;:&quot;final-touches-to-your-secure-portal&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Creating Menus&quot;,&quot;value&quot;:&quot;creating-menus&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Testing Your Application&quot;,&quot;value&quot;:&quot;testing-your-application&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Adding User Management and Logins&quot;,&quot;value&quot;:&quot;adding-user-management-and-logins&quot;,&quot;isDelete&quot;:false},{&quot;label&quot;:&quot;Conclusion: How to Create a Secure Portal&quot;,&quot;value&quot;:&quot;conclusion-how-to-create-a-secure-portal&quot;,&quot;isDelete&quot;:true},{&quot;label&quot;:&quot;Finding Help in Five&quot;,&quot;value&quot;:&quot;finding-help-in-five&quot;,&quot;isDelete&quot;:true}]\" data-smooth=\"true\" data-top-offset=\"\"><div class=\"eb-toc__list-wrap\"><ul class=\"eb-toc__list\"><li><a href=\"#what-makes-a-portal-secure\">What Makes a Portal Secure?<\/a><ul class=\"eb-toc__list\"><li><a href=\"#additional-steps-to-enhance-security\">Additional Steps to Enhance Security<\/a><\/li><\/ul><li><a href=\"#how-can-you-create-a-secure-portal\">How Can You Create a Secure Portal <\/a><li><a href=\"#step-by-step-guide-on-creating-a-secure-portal\">Step by Step Guide on Creating a Secure Portal <\/a><ul class=\"eb-toc__list\"><li><a href=\"#step-1-creating-a-new-secure-portal\">Step 1: Creating a New Secure Portal<\/a><li><a href=\"#step-2-setting-up-database-tables\">Step 2: Setting Up Database Tables<\/a><li><a href=\"#step-3-importing-data-for-your-secure-portal\">Step 3: Importing Data For Your Secure Portal<\/a><li><a href=\"#step-4-preview-your-web-portal\">Step 4: Preview Your Web Portal<\/a><\/li><\/ul><li><a href=\"#final-touches-to-your-secure-portal\">Final Touches To Your Secure Portal <\/a><ul class=\"eb-toc__list\"><li><a href=\"#adding-user-management-and-logins\">Adding User Management and Logins<\/a><\/li><\/ul><\/ul><\/div><\/div><\/div><\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">What Makes a Portal Secure?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are a few key criteria for ensuring your portal is secure:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Login and Password Protection<\/strong>: Your portal must be protected with strong login and password mechanisms.<\/li>\n\n\n\n<li><strong>Data Encryption<\/strong>: Ensure that data is encrypted both in transit and at rest to protect it from unauthorized access.<\/li>\n\n\n\n<li><strong>Regular Backups<\/strong>: Backup your portal at least once daily so you can restore it if something goes wrong.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Additional Steps to Enhance Security<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to these basic measures, consider implementing the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Two-Factor Authentication (2FA)<\/strong>: Adds an extra layer of security by requiring a second form of verification beyond just a password.<\/li>\n\n\n\n<li><strong>Security Audits and Penetration Testing<\/strong>: Regularly test your system for vulnerabilities and address any weaknesses found.<\/li>\n\n\n\n<li><strong>User Access Controls<\/strong>: Limit access to sensitive information based on user roles and responsibilities.<\/li>\n\n\n\n<li><strong>Monitoring and Logging<\/strong>: Implement robust monitoring and logging to detect and respond to suspicious activities in real-time.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How Can You Create a Secure Portal <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are several ways to create a secure portal. One option is to code it entirely from scratch, a process that can take around 18 weeks even if you have the expertise. Another option is to hire an expert developer, though this can be quite expensive and there&#8217;s no guarantee you&#8217;ll get exactly what you need.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A third and more efficient option is to use a free web application builder designed specifically for creating secure portals, such as Five. Five offers several advantages: it significantly speeds up the development process, requires no extensive coding knowledge, is far more affordable than hiring a developer, and allows you to customize your secure web portal to meet your specific needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Five ensures the security of your portal with twice-daily data backups and follows industry-standard AES-256 data encryption practices to protect your data both in transit and at rest. With Five, you don&#8217;t need to worry about security\u2014it&#8217;s already taken care of. This allows you to focus on enhancing the functionality and overall quality of your portal.<\/p>\n\n\n\n<div style=\"background-color: #001524;\"><hr style=\"height: 5px;\" \/>\n<pre style=\"text-align: center; overflow: hidden; white-space: pre-line;\"><span style=\"color: #f1ebda; background-color: #4588d8; font-size: calc(18px + 0.390625vw);\"><strong>Build a Secure Portal<\/strong><br \/><span style=\"font-size: 14pt;\">Rapidly build and deploy your database today<\/span><\/span><\/pre>\n<p style=\"text-align: center;\"><a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\" target=\"_blank\" rel=\"noopener\"><button style=\"background-color: #f8b92b; border: none; color: black; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; cursor: pointer; margin: 4px 2px; border-radius: 5px;\"><strong>Get Instant Access<\/strong><\/button><br \/><\/a><\/p>\n<hr style=\"height: 5px;\" \/><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">To follow this guide on how to create a secure portal <a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\/\">get free access to Five.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step by Step Guide on Creating a Secure Portal <\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: <strong>Creating a New Secure Portal<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on Applications and create a new application named&nbsp;<strong>\u201cSecure Portal.\u201d<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"576\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Build-a-Business-Portal-in-5-Steps-1-1024x576-1.png\" alt=\"\" class=\"wp-image-3181\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Build-a-Business-Portal-in-5-Steps-1-1024x576-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Build-a-Business-Portal-in-5-Steps-1-1024x576-1-300x169.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Build-a-Business-Portal-in-5-Steps-1-1024x576-1-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Deploy your application using the Deploy to Development button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"259\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/image-4-1024x259-1-1.png\" alt=\"\" class=\"wp-image-3129\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/image-4-1024x259-1-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/image-4-1024x259-1-1-300x76.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/image-4-1024x259-1-1-768x194.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click Run to preview your application.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"576\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Run-Your-Application-3-1024x576.png\" alt=\"\" class=\"wp-image-3130\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Run-Your-Application-3-1024x576.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Run-Your-Application-3-300x169.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Run-Your-Application-3-768x432.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/06\/Five.Co-Run-Your-Application-3.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Setting Up Database Tables<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"576\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Manage-Your-Application-1-1024x576-1.png\" alt=\"\" class=\"wp-image-3183\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Manage-Your-Application-1-1024x576-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Manage-Your-Application-1-1024x576-1-300x169.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Manage-Your-Application-1-1024x576-1-768x432.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Navigate to the Table Wizard<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to&nbsp;<strong>Data &gt; Table Wizard<\/strong>.<\/li>\n\n\n\n<li>Create tables for core entities like Products, Orders, and ProductOrders (for&nbsp;<a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/how-to-create-many-to-many-relationships-in-sql\/\">many-to-many relationships<\/a>).<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"518\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-9-1024x518-1-1.png\" alt=\"\" class=\"wp-image-3184\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-9-1024x518-1-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-9-1024x518-1-1-300x152.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-9-1024x518-1-1-768x389.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">The Products Table<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Name<\/strong>&nbsp;field, enter \u201cProduct\u201d.<\/li>\n\n\n\n<li>Add fields by clicking the&nbsp;<strong>Plus \u2795<\/strong>&nbsp;icon.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Example Product Table Structure:<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Name<\/strong><\/td><td><strong>Data Type<\/strong><\/td><td><strong>Req.<\/strong><\/td><td><strong>Size<\/strong><\/td><td><strong>Default Display Type<\/strong><\/td><\/tr><tr><td>Name<\/td><td>Text<\/td><td>\u2714\ufe0f<\/td><td>100<\/td><td>_Text<\/td><\/tr><tr><td>SKU<\/td><td>Text<\/td><td><\/td><td>100<\/td><td>_Text<\/td><\/tr><tr><td>Price<\/td><td>Float<\/td><td><\/td><td><\/td><td>_Currency<\/td><\/tr><tr><td>Rating<\/td><td>Float<\/td><td><\/td><td><\/td><td>_RatingFloat<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Once your table matches the structure shown, click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/li>\n\n\n\n<li>Confirm in the&nbsp;<strong>Table Upgrade<\/strong>&nbsp;dialog by clicking&nbsp;<strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"551\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-50-1024x551-1-1.png\" alt=\"\" class=\"wp-image-3185\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-50-1024x551-1-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-50-1024x551-1-1-300x161.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-50-1024x551-1-1-768x413.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">The Orders Table<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Repeat the above steps for your \u201cOrders\u201d table.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Name<\/strong><\/td><td><strong>Data Type<\/strong><\/td><td><strong>Req.<\/strong><\/td><td><strong>Size<\/strong><\/td><td><strong>Default Display Type<\/strong><\/td><\/tr><tr><td>OrderStatus<\/td><td>Text<\/td><td>\u2714\ufe0f<\/td><td>100<\/td><td>_Text<\/td><\/tr><tr><td>OrderDate<\/td><td>Date<\/td><td><\/td><td>100<\/td><td>_Date<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"550\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-51-1024x550-2.png\" alt=\"\" class=\"wp-image-3186\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-51-1024x550-2.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-51-1024x550-2-300x161.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-51-1024x550-2-768x413.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">The ProductOrders Table<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;<strong>ProductOrders<\/strong>&nbsp;table is a junction table for establishing a many-to-many relationship between Products and Orders.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the&nbsp;<strong>Table Wizard<\/strong>.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Name<\/strong>&nbsp;field, enter \u201cProductOrders\u201d.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Right Arrow &gt;<\/strong>&nbsp;icon.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"627\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-13-1024x627-2.png\" alt=\"\" class=\"wp-image-3187\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-13-1024x627-2.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-13-1024x627-2-300x184.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-13-1024x627-2-768x470.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Relationships<\/strong>&nbsp;area, click the&nbsp;<strong>Plus \u2795<\/strong>&nbsp;icon.<\/li>\n\n\n\n<li>Add relationships to the&nbsp;<strong>Product<\/strong>&nbsp;and&nbsp;<strong>Orders<\/strong>&nbsp;tables, marking both as&nbsp;<strong>Required<\/strong>.<\/li>\n\n\n\n<li>Once the relationships are defined, click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"651\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-14-1024x651-1.png\" alt=\"\" class=\"wp-image-3188\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-14-1024x651-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-14-1024x651-1-300x191.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-14-1024x651-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Importing Data For Your Secure Portal<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Import initial data using CSV files into your database tables (e.g., Products).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Data-Import-1024x650-2.png\" alt=\"\" class=\"wp-image-3189\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Data-Import-1024x650-2.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Data-Import-1024x650-2-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Data-Import-1024x650-2-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From the dropdown menu, choose the&nbsp;<strong>Product<\/strong>&nbsp;table.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Choose File<\/strong>&nbsp;button and select the CSV file available for download from the top of this guide.<\/li>\n\n\n\n<li>Select \u201cGenerated\u201d for&nbsp;<strong>ProductKey<\/strong>. The platform will automatically map the remaining fields from your database to the corresponding columns in the CSV file.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>\u2714\ufe0f<\/strong>&nbsp;icon to confirm the data import. A confirmation pop-up will indicate, \u201cCSV import completed successfully.\u201d<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"627\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-36-1024x627-2.png\" alt=\"\" class=\"wp-image-3190\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-36-1024x627-2.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-36-1024x627-2-300x184.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-36-1024x627-2-768x470.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Use Form Wizard to Create Forms<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use Visual &gt; Form Wizard to create forms for data entry and management (e.g., Products and Orders).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Form-Wizard-1024x650-4-1.png\" alt=\"\" class=\"wp-image-3191\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Form-Wizard-1024x650-4-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Form-Wizard-1024x650-4-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-Form-Wizard-1024x650-4-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Create the Product Form:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Main Data Source<\/strong>&nbsp;field, select&nbsp;<strong>Product<\/strong>.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"628\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-16-1024x628-1.png\" alt=\"\" class=\"wp-image-3192\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-16-1024x628-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-16-1024x628-1-300x184.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-16-1024x628-1-768x471.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Create the Orders Form:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Repeat the same steps, selecting&nbsp;<strong>Orders<\/strong>&nbsp;in the&nbsp;<strong>Main Data Source<\/strong>&nbsp;field.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Create the ProductOrders Form:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Main Data Source<\/strong>&nbsp;field, select&nbsp;<strong>ProductOrders<\/strong>.<\/li>\n\n\n\n<li>Toggle the&nbsp;<strong>Add Menu Item<\/strong>&nbsp;to off.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Right Arrow &gt;<\/strong>&nbsp;icon.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"627\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-17-1024x627-1.png\" alt=\"\" class=\"wp-image-3193\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-17-1024x627-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-17-1024x627-1-300x184.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-17-1024x627-1-768x470.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tick the&nbsp;<strong>List<\/strong>&nbsp;box for both fields:&nbsp;<strong>ProductKey<\/strong>&nbsp;and&nbsp;<strong>OrdersKey<\/strong>.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"627\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-18-1024x627-1.png\" alt=\"\" class=\"wp-image-3194\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-18-1024x627-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-18-1024x627-1-300x184.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-18-1024x627-1-768x470.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Adding a Page to a Form<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on&nbsp;<strong>Visual &gt; Forms<\/strong>.<\/li>\n\n\n\n<li>Select the&nbsp;<strong>Orders<\/strong>&nbsp;form from the list on the left.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Pages<\/strong>&nbsp;on the right.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Plus \u2795<\/strong>&nbsp;icon.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"622\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-20-1024x622-1.png\" alt=\"\" class=\"wp-image-3195\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-20-1024x622-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-20-1024x622-1-300x182.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-20-1024x622-1-768x467.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the&nbsp;<strong>Page Type<\/strong>&nbsp;to&nbsp;<strong>List<\/strong>.<\/li>\n\n\n\n<li>Enter \u201cProducts\u201d in the&nbsp;<strong>Caption<\/strong>&nbsp;field and select&nbsp;<strong>ProductOrders (Form)<\/strong>&nbsp;as&nbsp;<strong>Action<\/strong>.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"621\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-22-1024x621-1.png\" alt=\"\" class=\"wp-image-3196\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-22-1024x621-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-22-1024x621-1-300x182.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-22-1024x621-1-768x466.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Preview Your Web Portal<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the&nbsp;<strong>Run \u25b6\ufe0f<\/strong>&nbsp;icon in the top right corner to preview your application.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"651\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-54-1024x651-1.png\" alt=\"\" class=\"wp-image-3197\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-54-1024x651-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-54-1024x651-1-300x191.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-54-1024x651-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Generating Charts For Your Web Portal<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Utilize&nbsp;<strong>Visual &gt; Chart Wizard<\/strong>&nbsp;to create visual representations (e.g., sales trends).<\/li>\n\n\n\n<li>Fill in all required fields, choosing your&nbsp;<strong>X Value Column<\/strong>&nbsp;and&nbsp;<strong>Y Value Column<\/strong>.<\/li>\n\n\n\n<li>Save by clicking the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon in the top right corner.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"649\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-23-1024x649-1.png\" alt=\"\" class=\"wp-image-3198\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-23-1024x649-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-23-1024x649-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-23-1024x649-1-768x487.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Creating PDF Reports<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on&nbsp;<strong>Visual &gt; Reports<\/strong>.<\/li>\n\n\n\n<li>Click on the yellow&nbsp;<strong>Plus<\/strong>&nbsp;icon.<\/li>\n\n\n\n<li>Enter \u201cProduct Report\u201d in the&nbsp;<strong>Title<\/strong>&nbsp;field.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Data Sources<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"652\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-24-1024x652-2.png\" alt=\"\" class=\"wp-image-3199\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-24-1024x652-2.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-24-1024x652-2-300x191.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-24-1024x652-2-768x489.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the&nbsp;<strong>Plus \u2795<\/strong>&nbsp;icon to add a data source.<\/li>\n\n\n\n<li>Select&nbsp;<strong>Product (Table)<\/strong>&nbsp;as the&nbsp;<strong>Data Source<\/strong>.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Tick \u2714\ufe0f<\/strong>&nbsp;icon to save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-25-1024x650-1.png\" alt=\"\" class=\"wp-image-3200\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-25-1024x650-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-25-1024x650-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-25-1024x650-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Return to&nbsp;<strong>General<\/strong>.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Template<\/strong>&nbsp;field to open Five\u2019s report template editor.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>&lt;\/&gt;<\/strong>&nbsp;icon.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-26-1024x650-1.png\" alt=\"\" class=\"wp-image-3201\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-26-1024x650-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-26-1024x650-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-26-1024x650-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Delete all code in the editor and replace it with the HTML provided.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#abb2bf;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282c34\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;style&gt;\n    .demo tr {\n      background-color: lightgrey\n    }\n        \n&lt;\/style&gt;\n\n&lt;div&gt;&lt;img src=&quot;data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAAtCAYAAADC1tsoAAAABmJLR0QA\/wD\/AP+gvaeTAAAHlklEQVR42u2cbWxTVRjHLxvv8hJQM1HRgdB2dLyE3rYMQizQtRs4hA8V1iIqiQu+EBK\/EAHZ5YOsiwtRfIkjSIIGWW9AhX2g3YAFPhiNiy8gbEMmuHUImYKArN0YOz6nux13d\/d2ve29t3M7\/+SfLO2559777JfnnOeck1LUABCiqLQWs7kgaKUrKCIiMeWX\/vak2hAGLSZXk4W+0GyhEfgnEnUiUTm89d\/keutrwZudu89PVqrf80bjyKCFXt9sMV3kIIz6NIk6kahySxvKAETEOZRbWs\/aSy7aKYSGJdpnk9X8SrOZbhFAyNlUSaJOJA5jSf1GHox8N8B3W5a9ey5Dbp8AXak4iNjmgyTqRKLCWVACxqg7Hd66agDTZWNqhscFI01bpGAMWsyfkKgTiSqvpC6zHxj5boFh3AsAT++naBkG4F2RyIxeEnUiUTEMSgPIwjKAxL6Ps6Xd27A+Z3fzGNF5o4XeLQYjfL6NRJ1Iet7ora+TCSPfN+2lDeVOb8Ncfp8tNL1IYqh+k0ScKMa8saEyCRj5rnWU1BXZmPPj8PqiWEWNl3tIxIkktbTswtMAkUkpL9tVp4sUMmb6o77DtGkViTiRbKGt2RnJXB+0mpb0zYzzl5LIEskD8R1DDtqhW51UHy5XOlTP1\/kw\/mGdbyLRJZKREbOmoGJ9I2JmTEi2Lxiqy3tlR6t1psKPi3eK1oK3aODHBPd+ClzEs5RywKNS+C\/FMVoS4\/s08ErBu6hlGSAymaMBxO9RsU6Rbbsmq8nBh\/F3qzVD4UDjF0QaWZjVCwTfi8kGDoFPgCekAMSR4APc870u0aZMwxjKgLFY\/xkYIUa\/QZEsa7MNBwhbe4DMyRmjcLDLBzCMc8C3eN+f5bKpVpoEPsW7\/32wS6TdDwMORsTo3uJA7ERvz3hUqYgEzfR+DsYOFQLOh\/EfcK2KzpIJ43jwcUGbP8G0BiBOA18Q3PsqeLZI21pemxvgRhUdF4h2APEeB+MpJaMC5xlXcDC2qgzjMY2HwHiGabyfv1fQ7l\/w8yo+lxl8TXDPWFmZDyOT2oKFMWQChK0RELF3GDYp2X+tyTQCquobAGPjEIQxWkDgf3IXr20nVxQpLbyOe1fwXFX9zFcHBoyIMY4DAM89AFHfhbY9M1Xp+zRb6S9UOuX9f4AxqpfA7YJryrnsqYQ2c\/NCfv\/7wCP6yxcphxGfroEhme0BMTJEG75T415450XqlHeH3zhXIRjPcEWGWh6bJIxYeNH\/puA6f5KVdjp4j6DPLhlg8WH8ADxdRUtVzoadvUDszoxqDB3UZZtttPBgLao2TQwFjIfCAWNXyG98dRBW01Iygq8Irv0FnMiI9BD4qKCvMLhQzkwqpdU0FCyrIkOyEMbter1ambhpAb0y+ndbddYCgLARjDh3tvuN7iECI8UtoAuXVFrA85Ps4y\/wYrnT+pTBiLbPzALwbvUBkdGfVXVaAGuOiHWlA3RbAL4OHogPgAxkrxkiMEaz2jFBH3fAzyWYXS+BdYnUmCmBEQqWyQDdpT4gRmzYqSaMbYHsqeFA9mkRCPnGkBYkCONJlec7oxSGMTrf+1DQD66034hxzTKReee34ETXhrWaM2Y+ANFFpQN0x8VBxJlx5rwVB92TsJUGsb0qezXMD\/\/uB8So28OBWfmDsJqWWwljMNIE7V7GNZ+gHQtOZmdL+2oaMuL7kiAW6y9H2+X5PHuch9YtVuSelaaxANfeOCHku7nt5NwnhhCMWPiUVJugz6+4Kj66VoniAHZgwwjHwV6MASL2e9G2ziPrpjh97tY8n5txwRwv4Wzon2UEqM7GCd89cG24yugN+7PsqMY2fIhlxqgWglsF\/eLlti8Fn+HsuEGhe2oHI2KyFkBWDMeEkTEs5F\/j9Hk2ApDIyRbW5B\/xyPoJFISoYQBWEfhuDPju94Yvc\/QQWPSOV3h+VRejCLgNzlfwfnwYr1Jq7u\/DMs6OyLEwRt8mDqL+KmIEqR6Agsx4MgKkz30zr8LtiuetbtfoHgHIjkkAiJdyyturZrlunzA8rFAgByOMWPinZk6LgBgEz1P4XtpX05EChtFNh73nAsiEDD6zCDBeB38s9oTLK9boAMQQByRyVrg\/L6gsGiv1RlCgLAXYgj3w+Y2tUD2zOEuGAnOmqQTEYIWR4qr3g7z+fwar8UNdB6iBcoQMbZoheQoZINzaA2M3kL8uZz29jiHh+V0okM0AdHcAvmq8jtgRmG3qk23VEV77c3FepDGMGRyQUashXLjg3ZSNVN\/tSKU0nqvmvSp7V1JPaQPQnKz7Rz6QDp+7DT7b3D0fpdLwumCoavaziDWOpIiI1FQu654HEN7rlSG7fViNNUkiophy+grLRGDEw\/aVXJ9nEYkQkXYzdShcAL5LokBC1sRrkqA0EikijbKjewm4SwJIhJeCcg+tfZxEikgrIPdLwcj52sqjG8aTSBGpLjvrmgjAtUjD6PGRKBFpWcy8IAFjp+NwoYFEiEjr4fprIYwOn+dTEhkizYULFbxnzV8Il3uggohIMTlY92s9lXSFp4REhChlwuuKcMTsTCRDsq7JJCJEKVUeu04f3acmIupP\/wHYJhviTK\/+pwAAAABJRU5ErkJggg==&quot; style=&quot;&quot;&gt;&lt;\/div&gt;\n&lt;div&gt;&lt;br&gt;&lt;\/div&gt;\n&lt;h1&gt;Report&lt;\/h1&gt;\n&lt;table style=&quot;letter-spacing: 0.00938em; width: 100%; font-size: 1rem;&quot; class=&quot;demo&quot;&gt;\n    &lt;tbody&gt;\n        &lt;tr style=&quot;border-bottom: 2px solid black;&quot; class=&quot;fiveReportHeaderRepeat-Level1&quot;&gt;\n            &lt;td style=&quot;width: 28.1305%; background-color: rgb(153, 153, 153); color: rgb(255, 255, 255); text-align: left;&quot;&gt;Name&lt;\/td&gt;\n\n            &lt;td style=&quot;width: 50.97%; background-color: rgb(153, 153, 153); color: rgb(255, 255, 255); text-align: left;&quot;&gt;SKU&lt;\/td&gt;\n\n            &lt;td style=&quot;width: 18.254%; text-align: left; background-color: rgb(153, 153, 153); color: rgb(255, 255, 255);&quot;&gt;Price&lt;\/td&gt;\n        &lt;\/tr&gt;\n\n        &lt;tr class=&quot;fiveReportHelper&quot; contenteditable=&quot;false&quot;&gt;\n            &lt;td class=&quot;fiveReportHelper&quot;&gt;{{#each @root.[Product].[Records] as | Product |}}&lt;\/td&gt;\n            &lt;td&gt;&lt;br&gt;&lt;\/td&gt;\n            &lt;td&gt;&lt;br&gt;&lt;\/td&gt;\n        &lt;\/tr&gt;\n        &lt;tr class=&quot;&quot; contenteditable=&quot;false&quot;&gt;\n\n            &lt;td style=&quot;text-align: left;&quot;&gt;{{Product.[Name]}}&lt;\/td&gt;\n\n            &lt;td style=&quot;text-align: left;&quot;&gt;{{Product.[SKU]}}&lt;\/td&gt;\n\n            &lt;td style=&quot;text-align: left;&quot;&gt;{{Product.[Price]}}&lt;\/td&gt;\n        &lt;\/tr&gt;\n        &lt;tr class=&quot;fiveReportHelper&quot; contenteditable=&quot;false&quot;&gt;\n            &lt;td class=&quot;fiveReportHelper&quot;&gt;{{\/each}}&lt;\/td&gt;\n            &lt;td&gt;&lt;br&gt;&lt;\/td&gt;\n            &lt;td&gt;&lt;br&gt;&lt;\/td&gt;\n        &lt;\/tr&gt;\n\n    &lt;\/tbody&gt;\n&lt;\/table&gt;\n&lt;div&gt;&lt;br&gt;&lt;\/div&gt;\n\n&lt;div style=&quot;text-align: center;  display: flex; justify-content: center; align-items: center;&quot;&gt;\n    &lt;div style=&quot;width: 150mm; height: 125mm; border: 1px dashed black; display: flex; justify-content: center; align-items: center;&quot;&gt;   {{{_Chart 'ProductChart'}}}&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div&gt;&lt;br&gt;&lt;\/div&gt;\n&lt;div&gt;&lt;br&gt;&lt;\/div&gt;\n&lt;div&gt;&lt;br&gt;&lt;\/div&gt;\n&lt;div&gt;&lt;br&gt;&lt;\/div&gt;\n\n&lt;table class=&quot;fiveReportFooter-everyPage&quot; style=&quot;width: 100%; height: 10mm;&quot;&gt;\n    &lt;tbody&gt;\n        &lt;tr&gt;\n            &lt;td style=&quot;text-align: right;&quot;&gt;&lt;span style=&quot;font-size: 12px;&quot;&gt;&lt;em&gt;Page &lt;five.pageNumber.current.arabic&gt; of &lt;five.pageNumber.total.arabic&gt;&lt;\/em&gt;&lt;\/span&gt;&lt;\/td&gt;\n\n        &lt;\/tr&gt;\n    &lt;\/tbody&gt;\n\n\n&lt;\/table&gt;\" style=\"color:#abb2bf;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">style<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    <\/span><span style=\"color: #D19A66\">.demo<\/span><span style=\"color: #C678DD\"> <\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">      background-color: lightgrey<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/<\/span><span style=\"color: #E06C75\">style<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">img<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">src<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAAAtCAYAAADC1tsoAAAABmJLR0QA\/wD\/AP+gvaeTAAAHlklEQVR42u2cbWxTVRjHLxvv8hJQM1HRgdB2dLyE3rYMQizQtRs4hA8V1iIqiQu+EBK\/EAHZ5YOsiwtRfIkjSIIGWW9AhX2g3YAFPhiNiy8gbEMmuHUImYKArN0YOz6nux13d\/d2ve29t3M7\/+SfLO2559777JfnnOeck1LUABCiqLQWs7kgaKUrKCIiMeWX\/vak2hAGLSZXk4W+0GyhEfgnEnUiUTm89d\/keutrwZudu89PVqrf80bjyKCFXt9sMV3kIIz6NIk6kahySxvKAETEOZRbWs\/aSy7aKYSGJdpnk9X8SrOZbhFAyNlUSaJOJA5jSf1GHox8N8B3W5a9ey5Dbp8AXak4iNjmgyTqRKLCWVACxqg7Hd66agDTZWNqhscFI01bpGAMWsyfkKgTiSqvpC6zHxj5boFh3AsAT++naBkG4F2RyIxeEnUiUTEMSgPIwjKAxL6Ps6Xd27A+Z3fzGNF5o4XeLQYjfL6NRJ1Iet7ora+TCSPfN+2lDeVOb8Ncfp8tNL1IYqh+k0ScKMa8saEyCRj5rnWU1BXZmPPj8PqiWEWNl3tIxIkktbTswtMAkUkpL9tVp4sUMmb6o77DtGkViTiRbKGt2RnJXB+0mpb0zYzzl5LIEskD8R1DDtqhW51UHy5XOlTP1\/kw\/mGdbyLRJZKREbOmoGJ9I2JmTEi2Lxiqy3tlR6t1psKPi3eK1oK3aODHBPd+ClzEs5RywKNS+C\/FMVoS4\/s08ErBu6hlGSAymaMBxO9RsU6Rbbsmq8nBh\/F3qzVD4UDjF0QaWZjVCwTfi8kGDoFPgCekAMSR4APc870u0aZMwxjKgLFY\/xkYIUa\/QZEsa7MNBwhbe4DMyRmjcLDLBzCMc8C3eN+f5bKpVpoEPsW7\/32wS6TdDwMORsTo3uJA7ERvz3hUqYgEzfR+DsYOFQLOh\/EfcK2KzpIJ43jwcUGbP8G0BiBOA18Q3PsqeLZI21pemxvgRhUdF4h2APEeB+MpJaMC5xlXcDC2qgzjMY2HwHiGabyfv1fQ7l\/w8yo+lxl8TXDPWFmZDyOT2oKFMWQChK0RELF3GDYp2X+tyTQCquobAGPjEIQxWkDgf3IXr20nVxQpLbyOe1fwXFX9zFcHBoyIMY4DAM89AFHfhbY9M1Xp+zRb6S9UOuX9f4AxqpfA7YJryrnsqYQ2c\/NCfv\/7wCP6yxcphxGfroEhme0BMTJEG75T415450XqlHeH3zhXIRjPcEWGWh6bJIxYeNH\/puA6f5KVdjp4j6DPLhlg8WH8ADxdRUtVzoadvUDszoxqDB3UZZtttPBgLao2TQwFjIfCAWNXyG98dRBW01Iygq8Irv0FnMiI9BD4qKCvMLhQzkwqpdU0FCyrIkOyEMbter1ambhpAb0y+ndbddYCgLARjDh3tvuN7iECI8UtoAuXVFrA85Ps4y\/wYrnT+pTBiLbPzALwbvUBkdGfVXVaAGuOiHWlA3RbAL4OHogPgAxkrxkiMEaz2jFBH3fAzyWYXS+BdYnUmCmBEQqWyQDdpT4gRmzYqSaMbYHsqeFA9mkRCPnGkBYkCONJlec7oxSGMTrf+1DQD66034hxzTKReee34ETXhrWaM2Y+ANFFpQN0x8VBxJlx5rwVB92TsJUGsb0qezXMD\/\/uB8So28OBWfmDsJqWWwljMNIE7V7GNZ+gHQtOZmdL+2oaMuL7kiAW6y9H2+X5PHuch9YtVuSelaaxANfeOCHku7nt5NwnhhCMWPiUVJugz6+4Kj66VoniAHZgwwjHwV6MASL2e9G2ziPrpjh97tY8n5txwRwv4Wzon2UEqM7GCd89cG24yugN+7PsqMY2fIhlxqgWglsF\/eLlti8Fn+HsuEGhe2oHI2KyFkBWDMeEkTEs5F\/j9Hk2ApDIyRbW5B\/xyPoJFISoYQBWEfhuDPju94Yvc\/QQWPSOV3h+VRejCLgNzlfwfnwYr1Jq7u\/DMs6OyLEwRt8mDqL+KmIEqR6Agsx4MgKkz30zr8LtiuetbtfoHgHIjkkAiJdyyturZrlunzA8rFAgByOMWPinZk6LgBgEz1P4XtpX05EChtFNh73nAsiEDD6zCDBeB38s9oTLK9boAMQQByRyVrg\/L6gsGiv1RlCgLAXYgj3w+Y2tUD2zOEuGAnOmqQTEYIWR4qr3g7z+fwar8UNdB6iBcoQMbZoheQoZINzaA2M3kL8uZz29jiHh+V0okM0AdHcAvmq8jtgRmG3qk23VEV77c3FepDGMGRyQUashXLjg3ZSNVN\/tSKU0nqvmvSp7V1JPaQPQnKz7Rz6QDp+7DT7b3D0fpdLwumCoavaziDWOpIiI1FQu654HEN7rlSG7fViNNUkiophy+grLRGDEw\/aVXJ9nEYkQkXYzdShcAL5LokBC1sRrkqA0EikijbKjewm4SwJIhJeCcg+tfZxEikgrIPdLwcj52sqjG8aTSBGpLjvrmgjAtUjD6PGRKBFpWcy8IAFjp+NwoYFEiEjr4fprIYwOn+dTEhkizYULFbxnzV8Il3uggohIMTlY92s9lXSFp4REhChlwuuKcMTsTCRDsq7JJCJEKVUeu04f3acmIupP\/wHYJhviTK\/+pwAAAABJRU5ErkJggg==&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">h1<\/span><span style=\"color: #ABB2BF\">&gt;Report&lt;\/<\/span><span style=\"color: #E06C75\">h1<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">table<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;letter-spacing: 0.00938em; width: 100%; font-size: 1rem;&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;demo&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    &lt;<\/span><span style=\"color: #E06C75\">tbody<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;border-bottom: 2px solid black;&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;fiveReportHeaderRepeat-Level1&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;width: 28.1305%; background-color: rgb(153, 153, 153); color: rgb(255, 255, 255); text-align: left;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;Name&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;width: 50.97%; background-color: rgb(153, 153, 153); color: rgb(255, 255, 255); text-align: left;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;SKU&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;width: 18.254%; text-align: left; background-color: rgb(153, 153, 153); color: rgb(255, 255, 255);&quot;<\/span><span style=\"color: #ABB2BF\">&gt;Price&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;fiveReportHelper&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">contenteditable<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;false&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;fiveReportHelper&quot;<\/span><span style=\"color: #ABB2BF\">&gt;{{#each @root.[Product].[Records] as | Product |}}&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">contenteditable<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;false&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;text-align: left;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;{{Product.[Name]}}&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;text-align: left;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;{{Product.[SKU]}}&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;text-align: left;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;{{Product.[Price]}}&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;fiveReportHelper&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">contenteditable<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;false&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;fiveReportHelper&quot;<\/span><span style=\"color: #ABB2BF\">&gt;{{\/each}}&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    &lt;\/<\/span><span style=\"color: #E06C75\">tbody<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/<\/span><span style=\"color: #E06C75\">table<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;text-align: center;  display: flex; justify-content: center; align-items: center;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    &lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;width: 150mm; height: 125mm; border: 1px dashed black; display: flex; justify-content: center; align-items: center;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;   {{{_Chart &#39;ProductChart&#39;}}}&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">br<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">div<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;<\/span><span style=\"color: #E06C75\">table<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">class<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;fiveReportFooter-everyPage&quot;<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;width: 100%; height: 10mm;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    &lt;<\/span><span style=\"color: #E06C75\">tbody<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">            &lt;<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;text-align: right;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">span<\/span><span style=\"color: #ABB2BF\"> <\/span><span style=\"color: #D19A66\">style<\/span><span style=\"color: #ABB2BF\">=<\/span><span style=\"color: #98C379\">&quot;font-size: 12px;&quot;<\/span><span style=\"color: #ABB2BF\">&gt;&lt;<\/span><span style=\"color: #E06C75\">em<\/span><span style=\"color: #ABB2BF\">&gt;Page &lt;<\/span><span style=\"color: #E06C75\">five.pageNumber.current.arabic<\/span><span style=\"color: #ABB2BF\">&gt; of &lt;<\/span><span style=\"color: #E06C75\">five.pageNumber.total.arabic<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">em<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">span<\/span><span style=\"color: #ABB2BF\">&gt;&lt;\/<\/span><span style=\"color: #E06C75\">td<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/<\/span><span style=\"color: #E06C75\">tr<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">    &lt;\/<\/span><span style=\"color: #E06C75\">tbody<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/<\/span><span style=\"color: #E06C75\">table<\/span><span style=\"color: #ABB2BF\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">By following these steps, you\u2019ll have a fully functional database with an intuitive interface and robust reporting capabilities, all set to enhance your user experience.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Final Touches To Your Secure Portal <\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Creating Menus<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Navigate to Menus:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Visual &gt; Menus<\/strong>.<\/li>\n\n\n\n<li>Click on the yellow <strong>Plus<\/strong> icon.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Create a Parent Menu:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Type &#8220;Charts &amp; Reports&#8221; into the <strong>Caption<\/strong> field.<\/li>\n\n\n\n<li>Enter &#8220;3&#8221; into <strong>Menu Order<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Tick \u2714\ufe0f<\/strong> icon to save your menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-40-1024x650-1.png\" alt=\"\" class=\"wp-image-3202\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-40-1024x650-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-40-1024x650-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-40-1024x650-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Add Menu Items:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the yellow <strong>Plus<\/strong> icon again to create new menu items for your chart and report.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Chart Menu Settings:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Caption:<\/strong> Chart<\/li>\n\n\n\n<li><strong>Action:<\/strong> (select the appropriate action for your chart)<\/li>\n\n\n\n<li><strong>Parent Menu:<\/strong> Charts &amp; Reports<\/li>\n\n\n\n<li>Click the <strong>Tick \u2714\ufe0f<\/strong> icon to save your menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-30-1024x650-1.png\" alt=\"\" class=\"wp-image-3203\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-30-1024x650-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-30-1024x650-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-30-1024x650-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Report Menu Settings:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Caption:<\/strong> Report<\/li>\n\n\n\n<li><strong>Action:<\/strong> (select the appropriate action for your report)<\/li>\n\n\n\n<li><strong>Parent Menu:<\/strong> Charts &amp; Reports<\/li>\n\n\n\n<li>Click the <strong>Tick \u2714\ufe0f<\/strong> icon to save your menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-31-1024x650-1.png\" alt=\"\" class=\"wp-image-3204\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-31-1024x650-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-31-1024x650-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-31-1024x650-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Testing Your Application<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Run Your App:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure that your forms, charts, and reports are functioning correctly.<\/li>\n\n\n\n<li>Verify that clicking on <strong>Chart<\/strong> in the menu on the left displays your chart.<\/li>\n\n\n\n<li>Test your report to confirm that you can view a PDF document in your business portal.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"1024\" height=\"652\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-33-1024x652-1.png\" alt=\"Learn How to Create a Web Portal in 5 Steps\" class=\"wp-image-3205\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-33-1024x652-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-33-1024x652-1-300x191.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-33-1024x652-1-768x489.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Adding User Management and Logins<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Enable Multiuser Functionality:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Applications<\/strong> (My First App) in the top navigation bar.<\/li>\n\n\n\n<li>Toggle the <strong>Multiuser<\/strong> switch to &#8220;On&#8221; to add a login screen and user management to your application.<\/li>\n\n\n\n<li>Click the <strong>Tick \u2714\ufe0f<\/strong> icon to save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"1024\" height=\"650\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-44-1024x650-1.png\" alt=\"\" class=\"wp-image-3206\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-44-1024x650-1.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-44-1024x650-1-300x190.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/image-44-1024x650-1-768x488.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By following these steps, you can finalize and deploy your web portal, ensuring it includes user-friendly navigation, comprehensive data visualization, and secure user management. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Run your web portal again. You will be greeted by a login screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use user name&nbsp;<strong>admin&nbsp;<\/strong>and password&nbsp;<strong>admin&nbsp;<\/strong>to log in to your application!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img width=\"1024\" height=\"720\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/image-45-1024x720.png\" alt=\"\" class=\"wp-image-2427\" style=\"width:516px;height:auto\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/image-45-1024x720.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/image-45-300x211.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/image-45-768x540.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/02\/image-45.png 1264w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion: How to Create a Secure Portal<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Follow this full tutorial to continuing building you first web app: <a href=\"https:\/\/preview-php85.dzine.org\/five\/code-along\/code-along-full-stack-web-app\/\">Code-Along: Build &amp; Deploy a Full-Stack Web App<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"finding-help-in-five\">Finding Help in Five<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you get stuck during the development process, we\u2019re here to help! Continue developing your application by accessing these resources:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Five\u2019s User Community:<\/strong>&nbsp;Visit&nbsp;<a href=\"https:\/\/five.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/five.org<\/a>&nbsp;to ask questions or get inspiration from other users.<\/li>\n\n\n\n<li><strong>Five\u2019s Documentation:<\/strong>&nbsp;Visit&nbsp;<a href=\"http:\/\/help.five.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">help.five.org<\/a>&nbsp;to access Five\u2019s comprehensive documentation.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Create a Secure Portal In 4 Steps: Quick &amp; Easy Guide It seems almost every day we hear about security and data breaches affecting some of the world&#8217;s largest companies. Consequently, more businesses are investing heavily in securing their operations, whether it be their web portals, websites, or databases. But where do you start when [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":3398,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[21],"tags":[],"class_list":["post-3377","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps.png",1280,720,false],"thumbnail":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps-150x150.png",150,150,true],"medium":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps-300x169.png",300,169,true],"medium_large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps-768x432.png",768,432,true],"large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps-1024x576.png",1024,576,true],"1536x1536":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps.png",1280,720,false],"2048x2048":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/07\/Five.Co-How-to-Create-a-Secure-Portal-In-4-Steps.png",1280,720,false]},"uagb_author_info":{"display_name":"Ryan Forrester","author_link":"https:\/\/preview-php85.dzine.org\/five\/author\/f1v5_ed9_au\/"},"uagb_comment_info":0,"uagb_excerpt":"Create a Secure Portal In 4 Steps: Quick &amp; Easy Guide It seems almost every day we hear about security and data breaches affecting some of the world&#8217;s largest companies. Consequently, more businesses are investing heavily in securing their operations, whether it be their web portals, websites, or databases. But where do you start when&hellip;","_links":{"self":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/comments?post=3377"}],"version-history":[{"count":0,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/3377\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media\/3398"}],"wp:attachment":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media?parent=3377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/categories?post=3377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/tags?post=3377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}