Difference between revisions of "DataBlock Display Editor"
(→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. | + | <p>Use this tab to re-order, drop, or add rows in a dataBlock.</p> |
| − | 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. | + | <p>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.</p> |
| − | 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. | + | <p>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.</p> |
| − | 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. | + | <p>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.</p> |
| − | At any point, you can use the <b><i>Apply Order</i></b> button to show a preview of your changes. | + | <p>At any point, you can use the <b><i>Apply Order</i></b> button to show a preview of your changes.</p> |
Revision as of 11:21, 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 re-order rows, use the blue-arrow drag handles
To drop rows, click on their red X
To add rows: Begin in the Workbench. Before you invoke the editor, check mark the rows you would like to add. Use the dataBlock...</b> button and select the display to edit. In the <b>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.
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.
