View source for DataBlock Display Editor

{{Template:Display_Editor_Disambiguate|displayLabel=dataBlock|page=dataBlock|pageLabel=dataBlocks}}
<br>
Learn to edit dataBlock displays.  To create a brand new dataBlock display, use the [[DZDropzone#Working_with_series_in_the_dropZone|dropZone]] or [[Workbench#Tables.2C_Charts.2C_etc.|Workbench]].
<br>
{{Template:Display_Editor_Heading_Name_Section}}
{{Template:Display_Editor_Heading_Tabs_Section}}
<div>
<table class="GTableTextPic">
<tr>
<td>
The middle part of the editor panel holds tabs with content and formatting options.
</td>
<td>
<div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div>
</td>
</tr>
</table>
</div>
=== Tab: <b><i>dataBlock Options</i></b> ===
<div>
</div>

==== Subtab: <b><i>dataBlock Settings</i></b> ====
<div>
{{Template: dataBlock Settings Tab}}
</div>

==== Subtab: <b><i>Cell Formatting</i></b> ====
<div>
Tabular displays have highly refined formatting options. Read about the [[Display Editor Cell Formatting Tab|cell formatting tab]] here.
</div>

=== Tab: <b><i>Re-arrange Rows</i></b> ===
<div>
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.<br>

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]].  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.
 
</div>
{{Template:Display_Editor_Header_Tab_Footer}}
{{Template:Display_Editor_Header_Preview_Section}}
{{Template:Display_Editor_Page_Categories}}