{"id":3644,"date":"2016-07-03T03:00:59","date_gmt":"2016-07-02T19:00:59","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=3644"},"modified":"2025-04-17T14:26:08","modified_gmt":"2025-04-17T06:26:08","slug":"form-design-mode","status":"publish","type":"post","link":"https:\/\/www.finereport.com\/en\/product-functions\/form-design-mode.html","title":{"rendered":"Fine Form Design Mode: Tips &#038; Tricks"},"content":{"rendered":"<p>We will introduce form design mode of FineReport <a href=\"http:\/\/www.finereport.com\/en\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: blue;\">BI<\/span><\/a> in this article. With form, you can realize Adaptive, Inter-component Linkage of Mobile Side. General description is given below.<\/p>\n<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#1_Description_of_Fine_Form\">1. Description of Fine Form<\/a><\/li><li><a href=\"#2_General_Description_of_Fine_Form\">2. General Description of Fine Form<\/a><ul><li><a href=\"#21_Report_block\">2.1 Report block<\/a><\/li><li><a href=\"#22_Parameter_panel\">2.2 Parameter panel<\/a><\/li><li><a href=\"#23_Tab_layout\">2.3 Tab layout<\/a><\/li><li><a href=\"#24_Fine_Form_Chart_block\">2.4 Fine Form Chart block<\/a><\/li><li><a href=\"#25_Fine_Form_Control\">2.5 Fine Form Control<\/a><\/li><\/ul><\/li><\/ul><\/div>\n<h2><span id=\"1_Description_of_Fine_Form\">1. Description of Fine Form<\/span><\/h2>\n<p>To overcome the defects in Adaptive Layout and Partial Refresh of <span style=\"color: blue;\">cpt Template Design<\/span>, FineReport puts forward the concept of form design mode. With form, you can realize Adaptive, Inter-component Linkage of <a href=\"http:\/\/enhelp.finereport.com\/doc-view-438.html\" target=\"_blank\" rel=\"noopener\"><span style=\"color: blue;\">Mobile Side<\/span><\/a>. General description is given below.<\/p>\n<h2><span id=\"2_General_Description_of_Fine_Form\">2. General Description of Fine Form<\/span><\/h2>\n<p>Click Menu <span style=\"color: purple;\">File &gt; New Form<\/span>, and you can create a form in <a title=\"FineReport BI and reporting tool report designer\" href=\"http:\/\/www.finereport.com\/en\/features\/report-designer\" target=\"_blank\" rel=\"noopener\">report designer<\/a>. Or, you can add different components for this form, including Report Block, Parameter Panel, Chart Block, Control, etc. As shown below:<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201663001.png\" alt=\"\" width=\"718\" height=\"370\" \/><\/p>\n<h3><span id=\"21_Report_block\"><strong>2.1 Report block<\/strong><\/span><\/h3>\n<p>Report block means to bind cell data in this component, which displays data within component scope in the form of table;<\/p>\n<h3><span id=\"22_Parameter_panel\"><strong>2.2 Parameter panel<\/strong><\/span><\/h3>\n<p>Parameter panel means to add Filter Parameter panel for the form. All filter controls are added in this panel;<\/p>\n<h3><span id=\"23_Tab_layout\"><strong>2.3 Tab layout<\/strong><\/span><\/h3>\n<p>The form is added with tab layout to realize card components.<\/p>\n<h3><span id=\"24_Fine_Form_Chart_block\"><strong>2.4 Fine Form Chart block<\/strong><\/span><\/h3>\n<p>Chart block means that you can select any chart type supported by FineReport <a title=\"reporting tools\" href=\"\/en\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: blue;\">reporting tool<\/span><\/a> in this component;<\/p>\n<h3><span id=\"25_Fine_Form_Control\"><strong>2.5 Fine Form Control<\/strong><\/span><\/h3>\n<p>Control means the filter data component, which can be added to the Parameter Panel as a part, or be added to the Form Body interface as an independent component.<\/p>\n<p>As the figure below shown, the form is added with all components to help you understand the meaning of each component.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/fanruan\/images\/201663002.png\" alt=\"\" width=\"686\" height=\"499\" \/><\/p>\n<p>For detailed introduction and examples of form design, refer to <span style=\"color: blue;\">Form Design<\/span>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We will introduce form design mode of FineReport BI in this article. With form, you can realize Adaptive, Inter-component Linkage of Mobile Side. General description is given below. Contents1. Description of Fine Form2. General Description of Fine Form2.1 Report block2.2 Parameter panel2.3 Tab layout2.4 Fine Form Chart block2.5 Fine Form Control 1. Description of Fine&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[111],"tags":[117],"yst_prominent_words":[],"_links":{"self":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/3644"}],"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=3644"}],"version-history":[{"count":7,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/3644\/revisions"}],"predecessor-version":[{"id":19651,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/3644\/revisions\/19651"}],"wp:attachment":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media?parent=3644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/categories?post=3644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/tags?post=3644"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=3644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}