Difference between revisions of "DataBlock Display Editor"
From dataZoa Wiki
(→Re-arrange Rows tab) |
(→Re-arrange Rows tab) |
||
| Line 19: | Line 19: | ||
== Re-arrange Rows tab == | == Re-arrange Rows tab == | ||
<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...</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. | + | 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...</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 11:28, 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.
To drop rows, click on their red X
buttons.
To add rows: Begin in the Workbench. Before you invoke the editor, check mark the rows you would like to add. Use the dataBlock... button and select the display to edit. In the Re-Arrange Rows tab, use the green "+" button
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.
