About font size picker

This jQuery plugin allows you to add a font size picker to easily display a list of font sizes in your Bootstrap form. This font size picker can be used along with our select jQuery plugin.

Examples

Example for loading the list of font sizes and selecting a default font size

<select class="form-control bfh-fontsizes" data-fontsize="12"></select>

Example for loading the list of font sizes, limited to a specific list of font sizes

<select class="form-control bfh-fontsizes" data-available="12,14,16"></select>

Example for loading the list of font sizes in JavaScript and selecting a default font size



<button onclick="$('#fontsizes1').bfhfontsizes({fontsize: '12'})" class="btn">
  Load font sizes
</button>
<br><br>
<select id="fontsizes1" class="form-control"></select>

Example for loading the list of font sizes using Bootstrap Form Helpers Select Box

<div class="bfh-selectbox bfh-fontsizes" data-fontsize="12">
</div>

Available languages

  • English (US)

Options

Option Description
fontsize Font size identifier. To select a font size. Required when blank is set to false. Default: ''
available Comma separated list of font size identifier. To restrict the list of font sizes. Default: ''
blank Boolean. To show a blank option. Default: true

If using our select jQuery plugin, refer to this documentation for a list of additional options.

Methods

If using our select jQuery plugin, refer to this documentation for a list of methods.

Events

If using our select jQuery plugin, refer to this documentation for a list of events.