Difference between revisions of "DataBlock Display Editor"

From dataZoa Wiki
Jump to: navigation, search
(Re-arrange Rows tab)
(Re-arrange Rows tab)
Line 19: Line 19:
 
== Re-arrange Rows tab ==
 
== Re-arrange Rows tab ==
 
<div>
 
<div>
<p>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.
 
+
<br><br>
<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.
 
+
<br><br>
<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.
 
+
<br><br>
<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.
 
+
<br><br>
<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.
 
   
 
   
  

Revision as of 12:24, 8 December 2016

Name section

This is the same for all display editors; read about the name section here.

dataBlock Options tab

dataBlock Settings tab

FieldDescriptionExample
Table TitleReplaces default title in top-left cornerTomato Production (000s)
Columns to ShowNumber of data columns to show before scrolling
Row Labels: Link to ChartRow titles become click-able for a popup chart
Row Labels: Hover NotesShow 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 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...</b> button and select the display to edit. In the <b>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.


Footer tab

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.