Difference between revisions of "Widget Display Editor"

From dataZoa Wiki
Jump to: navigation, search
Line 27: Line 27:
  
 
{{Template:Display_Editor_Header_Tab_Footer}}
 
{{Template:Display_Editor_Header_Tab_Footer}}
 +
 +
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Preview</div></div> ===
 +
<div>
 
{{Template:Widget_Preview_Tab}}
 
{{Template:Widget_Preview_Tab}}
{{Template:Widget_Save_and_Embed_Tab}}
+
</div>
  
 +
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Save and Embed</div></div> ===
 +
<div>
 +
{{Template:Widget_Save_and_Embed_Tab}}
 +
</div>
  
 
{{Template:Display_Editor_Page_Categories}}
 
{{Template:Display_Editor_Page_Categories}}

Revision as of 11:21, 10 April 2018

 This section is about editing Widget displays. Get more background on Widget Displays here. 


Widget displays are easy to make, and they start out with sensible defaults for colors, styles, and such.
That said, you can use the Widget Editor to add a huge variety of features, details, and nuance as you see fit.


See also:   Create   Copy   Circulate   Publish   for Displays

Tabs section

The middle part of the editor panel holds tabs with content and formatting options.

These tabs have a natural progression to them, moving from left to right. That is, you typically select your Data, then stylistic Settings, and so forth. That being said, you can always move freely between tabs.


Use the Preview tab to see exactly how your Widget looks at any point.


Data
Settings
Theme
Footer
Preview
Save and Embed

Tab:
Data


Tab:
Data

Choose what series are in a Wdiget, their ordering and labels. Read about the data tab here.

Tab:
Settings

Tab:
Settings

Control the basic settings of a Widget; title, display type, dimensions.... Read about the settings tab here.

Tab:
Theme

Tab:
Theme

Select a theme for Widget styling and/or enhance this styling and basic settings with overrides. Read about the theme tab here.
Under the Theme tab's advanced options there are suggestions fine tuning the details of legends, colors, axes and much more.

Tab:
Footer

Display footers can have automatic attributions, citations, and more. Read about the footer tab here.

Tab:
Preview

Tab:
Preview

Preview how the Widget will actually appear once embedded. Read about the preview tab here.

Tab:
Save and Embed

Tab:
Save and Embed

Save, copy or delete the Widget. Read about the save and embed tab here.
Additionally, access the embed link as well as responsive design options.