Bootstrap Toggle

Component ID

2751487

Component name

Bootstrap Toggle

Component type

module

Maintenance status

Development status

Component security advisory coverage

covered

Downloads

434

Component created

Component changed

Component body

Synopsis
It provides a toggle widget for Boolean field type using bootstrap toggle library (For more information about the library visit this page: http://www.bootstraptoggle.com).

The widget comes with a lot of options to make your toggle button look more attractive.

Requirements
1. Libraries
2. Bootstrap 3 Theme (Content add/edit page must use bootstrap for this widget to work properly)

Similar projects and how they are different
Toggle

  • Toggle module differ in terms of implementation, it will not work with latest drupal 8 version because it is based on some deprecated hooks whereas Bootstrap Toggle module uses Field widget APIs
  • Toggle module also does not provide as much options as Bootstrap Toggle does to customize the look and feel of widget.

Installation
1. Download bootstrap toggle library from here: https://github.com/minhur/bootstrap-toggle/archive/master.zip
2. Place this library under libraries folder in docroot and rename this library folder to 'bootstrp_toggle'

Usage Steps
1. Create a content type and add a Boolean field in it.
2. Click on 'Manage form display' tab and under widget column select 'Bootstrap Toggle' as the element display widget for your field.
3. Configure the settings for that toggle button and update those settings.
4. Go to manage fields of the content type you wish to have a toggle button and add a Boolean field.
5. Now goto manage form display tab and under widget column select 'Bootstrap Toggle' for your field.
6. Now configure the settings for that toggle button and update those settings.
7. Now save the manage form display and you are done.

Try out different combination of settings to get a different look of toggle button.