Difference between revisions of "Widget:Pinyin chart settings"

 
(One intermediate revision by the same user not shown)
Line 7: Line 7:
 
<span class="tone-option"><input type="radio" name="tone" value="4" /> 4 </span>
 
<span class="tone-option"><input type="radio" name="tone" value="4" /> 4 </span>
 
<span class="tone-option"><input type="radio" name="tone" value="1234" checked />1234 </span>
 
<span class="tone-option"><input type="radio" name="tone" value="1234" checked />1234 </span>
<span class="settings-collapse">[<a id="additional-settings-collapse" href="#">Expand</a>]</span>
+
<span class="settings-collapse">[<a id="additional-settings-collapse" href="#">Show more Settings</a>]</span>
 
</p>
 
</p>
 
<div class="additional-settings">
 
<div class="additional-settings">
Line 27: Line 27:
 
<span class="chart-mode-option-label"><strong>Chart Mode:</strong></span>
 
<span class="chart-mode-option-label"><strong>Chart Mode:</strong></span>
 
<span class="chart-mode-option"><input type="radio" name="chart-mode" value="audio" checked/> Audio </span>
 
<span class="chart-mode-option"><input type="radio" name="chart-mode" value="audio" checked/> Audio </span>
<span class="chart-mode-option"><input type="radio" name="chart-mode" value="link"/> Link (disables audio) </span>
+
<span class="chart-mode-option"><input type="radio" name="chart-mode" value="link"/> Links (disables audio) </span>
 
</p>
 
</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 07:20, 23 January 2015

Tone: <input type="radio" name="tone" value="1" /> 1 <input type="radio" name="tone" value="2" /> 2 <input type="radio" name="tone" value="3" /> 3 <input type="radio" name="tone" value="4" /> 4 <input type="radio" name="tone" value="1234" checked />1234 [<a id="additional-settings-collapse" href="#">Show more Settings</a>]

Additional Settings

Show Text: <input type="checkbox" id="table-toggle-ipa" /> IPA <input type="checkbox" id="table-toggle-zhuyin" /> Zhuyin <input type="checkbox" id="table-toggle-wade-giles" /> Wade-Giles

Text Size: <input type="radio" name="text-size" value="small"/> Small <input type="radio" name="text-size" value="medium" checked/> Medium <input type="radio" name="text-size" value="large"/> Large

Chart Mode: <input type="radio" name="chart-mode" value="audio" checked/> Audio <input type="radio" name="chart-mode" value="link"/> Links (disables audio)