{"id":4113,"date":"2023-02-09T12:13:30","date_gmt":"2023-02-09T12:13:30","guid":{"rendered":"https:\/\/info.documotor.com\/?page_id=4113"},"modified":"2023-02-09T13:50:54","modified_gmt":"2023-02-09T13:50:54","slug":"data-pane","status":"publish","type":"page","link":"https:\/\/info.documotor.com\/?page_id=4113","title":{"rendered":"Data Pane"},"content":{"rendered":"\n<p>The Data Pane is part of the UI where the available data is shown. It can show both the sample data and the transformation result data.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"351\" height=\"499\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/datagroup.png\" alt=\"\" class=\"wp-image-4114\" srcset=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/datagroup.png 351w, https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/datagroup-211x300.png 211w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/figure><\/div>\n\n\n\n<h3>Shared functionality across tabs<\/h3>\n\n\n\n<p>Both tabs in the Data Pane have functionality that is shared between the tabs. These functionalities are how to view the data in the tree structure, how to download the data, and how to copy the path of the currently selected item in the data.<\/p>\n\n\n\n<p>In both tabs, the data is shown in a tree structure where it is possible to expand and collapse the different elements in the data. It is also possible to use the two buttons called Expand all and Collapse all, which will either expand or collapse all of the data. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"596\" height=\"260\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/ExpandCollapse.png\" alt=\"\" class=\"wp-image-4382\" srcset=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/ExpandCollapse.png 596w, https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/ExpandCollapse-300x131.png 300w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/figure><\/div>\n\n\n\n<p>In both tabs, it is also possible to download either the sample data or the transformed data by clicking the <em>download <\/em>button in the bottom right corner.   <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"364\" height=\"75\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/DownloadSample.png\" alt=\"\" class=\"wp-image-4384\" srcset=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/DownloadSample.png 364w, https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/DownloadSample-300x62.png 300w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><\/figure><\/div>\n\n\n\n<p>When clicking an item in the data, the bottom bar will show the path to the data that has been selected. It is possible to copy this path by clicking the <em>copy selected path <\/em>button in the bottom left corner. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"298\" height=\"287\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/CopyPath.png\" alt=\"\" class=\"wp-image-4386\"\/><\/figure><\/div>\n\n\n\n<h3>Sample Data tab<\/h3>\n\n\n\n<p>When the Sample Data tab is selected in the Data Pane, the user has different functionalities available. First of all, it has the possibility to upload sample data to the template, which can be done in two different ways. <\/p>\n\n\n\n<p>The sample data has to be JSON data, and it can be added to the template in two ways. If the user has a .JSON file, they can upload it by pressing the upload button in the bottom right corner of the Data Pane. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"329\" height=\"37\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/uploadsampledata.png\" alt=\"\" class=\"wp-image-4190\" srcset=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/uploadsampledata.png 329w, https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/uploadsampledata-300x34.png 300w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/figure><\/div>\n\n\n\n<p>The user can also add the JSON data to the template by pasting it from the clipboard into the Sample Data tab. This is done by activating the <strong>edit<\/strong> view by clicking on the <em>switch <\/em>button in the top right corner of the tab. <\/p>\n\n\n\n<p><strong>NOTE:<\/strong> If data has been added\/changed in the <strong>edit<\/strong> view, it is important to click the update button otherwise, the data will not be uploaded correctly.  <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"450\" height=\"139\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/editsampledata-1.png\" alt=\"\" class=\"wp-image-4227\" srcset=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/editsampledata-1.png 450w, https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/editsampledata-1-300x93.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/figure><\/div>\n\n\n\n<h3>Transformed Data tab<\/h3>\n\n\n\n<p>The Transformed Data tab does not have specific functionality for itself that is not already shared with the Sample Data tab. However, one button will occur in the middle of the tab view if no data has been transformed yet. This button is the <em>Run transformation<\/em> button that will run the transformation and create the transformation result data that will be shown in the Transformed Data tab.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"358\" height=\"419\" src=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/RunTransformation.png\" alt=\"\" class=\"wp-image-4387\" srcset=\"https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/RunTransformation.png 358w, https:\/\/info.documotor.com\/wp-content\/uploads\/2022\/12\/RunTransformation-256x300.png 256w\" sizes=\"(max-width: 358px) 100vw, 358px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Data Pane is part of the UI where the available data is shown. It can show both the sample data and the transformation result data. Shared functionality across tabs Both tabs in the Data Pane have functionality that is shared between the tabs. These functionalities are how to view the data in the tree [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":3877,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/pages\/4113"}],"collection":[{"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/info.documotor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4113"}],"version-history":[{"count":54,"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/pages\/4113\/revisions"}],"predecessor-version":[{"id":5120,"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/pages\/4113\/revisions\/5120"}],"up":[{"embeddable":true,"href":"https:\/\/info.documotor.com\/index.php?rest_route=\/wp\/v2\/pages\/3877"}],"wp:attachment":[{"href":"https:\/\/info.documotor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}