A JavaScript plugin that allows for toggle buttons with three states instead of just On/Off!
Dependencies:
For this plugin to work as expected, you need to install and include the following in your application:
- jQuery & jQuery UI
- Bootstrap's Glyphicon font files
- Our plugins JavaScript and CSS files
To Install:
After you've included all files in your application, simply create a container div with the class tricatch-parent, and inside of that div, add a hidden input with the class of triselect-hidden. Here's an example of what it should look like if you're using a C# MVC app with HTML Helpers...
<div class="tricatch-parent">
@Html.HiddenFor(o => o, new {@class=$"triselect-hidden {cssClass}", data_changetarget = target })
</div>
To use:
There should be three options in this element for a user to click on. The default state represents unmarked, NULL, or N/A. The OFF (red) state represents the value of false, and the ON (green) state represents the value of true. When in use, the plugin should look and feel like the examples below...
