Difference between revisions of "DataBlock Display Editor"
(→Tab: Re-arrange Rows) |
|||
Line 25: | Line 25: | ||
To <b>re-order</b> rows, use the blue-arrow drag handles <div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/reorder.png', title: 'Reorder drag handle', xtraStyle: ' min-height: 16px; min-width: 16px;' }"></div></div> to move things around.<br> | To <b>re-order</b> rows, use the blue-arrow drag handles <div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/reorder.png', title: 'Reorder drag handle', xtraStyle: ' min-height: 16px; min-width: 16px;' }"></div></div> to move things around.<br> | ||
− | To <b>drop</b> rows, click on their red | + | To <b>drop</b> rows, click on their red <div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/erase.png', title: 'Drop button', xtraStyle: ' min-height: 16px; min-width: 16px;' }"></div></div> buttons.<br> |
− | To <b>add</b> rows, begin in the [[Workbench]]. | + | To <b>add</b> rows, begin in the [[Workbench]]. First check mark the rows you would like to add, then use the <b><i>dataBlock...</i></b> button and select the display to edit. In the <b><i>Re-Arrange Rows</i></b> tab, use the green "+" button <div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/add.gif', title: 'Add button', xtraStyle: ' min-height: 24px; min-width: 24px;' }"></div></div> to add the checked rows to the display.<br> |
At any point, you can use the <b><i>Apply Order</i></b> button to show a preview of your changes. | At any point, you can use the <b><i>Apply Order</i></b> button to show a preview of your changes. |
Revision as of 13:11, 30 December 2016
Learn to edit dataBlock displays. To create a brand new dataBlock display, use the dropZone or Workbench.
Contents
Name section
The Name section is the top few lines of the display editor panel. |
|
It is used to Name, Copy, Save and Delete your Displays. Read more about the display editor name section.
Tabs section
The middle part of the editor panel holds tabs with content and formatting options.
Tab: dataBlock Options
Subtab: dataBlock Settings
Field | Description | Example |
Table Title | Replaces default title in top-left corner | Tomato Production (000s) |
Columns to Show | Number of data columns to show before scrolling | |
Row Labels: Link to Chart | Row titles become click-able for a popup chart | |
Row Labels: Hover Notes | Show additional information when hovering on a series title |
Subtab: Cell Formatting
Tabular displays have highly refined formatting options. Read about the cell formatting tab here.
Tab: Re-arrange Rows
Use this tab to re-order, drop, or add rows in a dataBlock.
To drop rows, click on their red
To add rows, begin in the Workbench. First check mark the rows you would like to add, then use the dataBlock... button and select the display to edit. In the Re-Arrange Rows tab, use the green "+" button
At any point, you can use the Apply Order button to show a preview of your changes.
Display footers can have automatic attributions, citations, and more. Read about the footer tab here.
Preview section
As you edit your display, your changes are reflected immediately in the Preview Section. Read about the preview section here. |
|