Difference between revisions of "DataBlock Display Editor"
From dataZoa Wiki
(→Re-arrange Rows tab) |
|||
| Line 20: | Line 20: | ||
<div> | <div> | ||
Use this tab to re-order, drop, or add rows in a dataBlock. | Use this tab to re-order, drop, or add rows in a dataBlock. | ||
| − | + | <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. | 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 X <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. | To <b>drop</b> rows, click on their red X <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]]. Before you invoke the editor, check mark the rows you would like to add. Use the <b><i>dataBlock...</b></i> 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: 16px; min-width: 16px;' }"></div></div> to add the checked rows to the display. | To <b>add</b> rows: Begin in the [[Workbench]]. Before you invoke the editor, check mark the rows you would like to add. Use the <b><i>dataBlock...</b></i> 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: 16px; min-width: 16px;' }"></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. | ||
| − | |||
</div> | </div> | ||
Revision as of 12:25, 8 December 2016
Contents
Name section
This is the same for all display editors; read about the name section here.
dataBlock Options tab
dataBlock Settings tab
| 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 |
Cell Formatting tab
This is the common to all tabular display editors; read about the cell formatting tab here.
Re-arrange Rows tab
Use this tab to re-order, drop, or add rows in a dataBlock.
to move things around.
buttons.
to add the checked rows to the display.
At any point, you can use the Apply Order button to show a preview of your changes.
This is the common to all display editors; read about the footer tab here.
Preview section
This is the common to all display editors; read about the preview section here.
