Difference between revisions of "Widget Display Editor"

From dataZoa Wiki
Jump to: navigation, search
Line 9: Line 9:
 
{{Template:Display_Editor_Heading_Tabs_Section}}
 
{{Template:Display_Editor_Heading_Tabs_Section}}
  
<div class="GfakeTabGroup"><div class="GfakeTab">Data</div><div class="GfakeTab">Settings</div><div class="GfakeTab">Theme</div><div class="GfakeTab">Footer</div><div class="GfakeTab">Preview</div>div class="GfakeTab">Save and Embed</div></div>
+
<div class="GfakeTabGroup"><div class="GfakeTab">Data</div><div class="GfakeTab">Settings</div><div class="GfakeTab">Theme</div><div class="GfakeTab">Footer</div><div class="GfakeTab">Preview</div><div class="GfakeTab">Save and Embed</div></div>
  
 
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Data</div></div> ===
 
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Data</div></div> ===

Revision as of 12:11, 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

Name section

The Name section is the top few lines of the display editor panel.

It is used to Name, Copy, Save and Delete your Displays. Read more about the display editor name section.

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


Template:Widget Styles Tab

Tab:
Series Settings

Template:Widget Series Settings Tab


Tab:
Responsive Design

dataZoa Displays support Responsive Design. Read about the Responsive Design tab here.

Tab:
Footer

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

Preview section

As you edit your display, your changes are reflected immediately in the Preview Section. Read about the preview section here.