View source for Template:Display Editor Heading Tabs Section

== <b>Tabs</b> section ==
<div>
The middle part of the editor panel holds tabs with content and formatting options.  
</div>
<div style="max-width: 540px;">
<div class="imgGlyph24 imgConcept"></div> These tabs have a natural progression to them, moving from left to right.  That is, you typically select your <i>Data</i>, then stylistic <i>Settings</i>, and so forth.  That being said, you can always move freely between tabs. 
<br>
</div>
<div style="max-width: 540px;">
<div class="imgGlyph24 imgHowTo"></div> Use the <i>Preview</i> tab to see exactly how your Widget looks at any point.   
<br>
</div>