Difference between revisions of "Widget Display Editor"

From dataZoa Wiki
Jump to: navigation, search
(Created page with "{{Template:Display_Editor_Disambiguate|displayLabel=Widget|page=Widget_Displays|pageLabel=Widget Displays}} <br> {{Template:Widget_Editor_Concept|displayLabel=Widget|pageLabel...")
 
m
 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:Display_Editor_Disambiguate|displayLabel=Widget|page=Widget_Displays|pageLabel=Widget Displays}}
 
{{Template:Display_Editor_Disambiguate|displayLabel=Widget|page=Widget_Displays|pageLabel=Widget Displays}}
 +
 
<br>
 
<br>
{{Template:Widget_Editor_Concept|displayLabel=Widget|pageLabel=Widget Displays}}
+
{{Template:Display_Editor_Concept|displayLabel=Widget|pageLabel=Widget Displays}}
 +
 
 
<br>
 
<br>
 
{{Template:Display_Editor_See_Also}}
 
{{Template:Display_Editor_See_Also}}
 +
 
<br>
 
<br>
<br>
 
{{Template:Display_Editor_Heading_Name_Section}}
 
 
{{Template:Display_Editor_Heading_Tabs_Section}}
 
{{Template:Display_Editor_Heading_Tabs_Section}}
  
<div class="GfakeTabGroup"><div class="GfakeTab">Widget Styles</div><div class="GfakeTab">Series Settings</div><div class="GfakeTab">Footer</div><div class="GfakeTab">Responsive Design</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">Widget Styles</div></div> ===
 
<div>
 
 
<br>
 
<br>
{{Template:Widget_Styles_Tab}}
+
{{Template:Widget_Data_Tab}}
</div>
+
  
=== Tab: <div class="GfakeTabGroup"><div class="GfakeTab">Series Settings</div></div> ===
+
{{Template:Widget_Settings_Tab}}
<div>
+
{{Template:Widget_Series_Settings_Tab}}
+
</div>
+
  
 +
{{Template:Widget_Theme_Tab}}
  
{{Template:Display_Editor_Header_Tab_Responsive_Design}}
 
 
{{Template:Display_Editor_Header_Tab_Footer}}
 
{{Template:Display_Editor_Header_Tab_Footer}}
{{Template:Display_Editor_Header_Preview_Section}}
+
 
 +
{{Template:Widget_Preview_Tab}}
 +
 
 +
{{Template:Widget_Save_and_Embed_Tab}}
 +
 
 +
 
 
{{Template:Display_Editor_Page_Categories}}
 
{{Template:Display_Editor_Page_Categories}}

Latest revision as of 08:12, 11 September 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

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

Tab:
Settings

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

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

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

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.