Stack Overflow
Stack Overflow

Questions tagged [bootstrap-switch]

The bootstrap switch is a Twitter bootstrap plugin, that turns checkboxes and radio buttons into toggle switches.

Bootstrap switch is a twitter bootstrap plugin, that turns checkboxes and radio buttons into toggle switches. The use of bootstrap switch is straight forward bootstrap-like :

<input type="checkbox" name="my-checkbox" checked>
$("[name='my-checkbox']").bootstrapSwitch();

The bootstrap switch supports features such as toggle animation, different colors and text for different states (on, off, indeterminate), and events for detecting user input.

Site: http://bootstrapswitch.com/

Github: https://github.com/nostalgiaz/bootstrap-switch

122 questions
0
votes
1 answer

Find state of checkbox using Bootstrap Switch and Ruby on Rails

I'm trying to access the state of a checkbox that has been made into a switch using the Bootstrap Switch (http://bootstrapswitch.com/) and the Bootstrap Switch gem with Ruby on Rails. With this I'm then aiming to show / hide certain divs. I had it…
DanRio
  • 453
  • 2
  • 4
  • 20
0
votes
1 answer

How to get a bootstrap switch value in hidden input

I am using a bootstrap switch which looks like toggle box which toggle the two values in a click. Here is the switch code.
always-a-learner
  • 3,671
  • 10
  • 41
  • 81
0
votes
0 answers

Issue in triggering event on bootstrap switch?

there is one element in my html called bootstrap switch and I wantto trigger onchange event on that switch. I tried different events but none of them worked for me. then i saw event listened on particular switch so I found already onchange event is…
SaMeEr
  • 361
  • 2
  • 7
  • 22
0
votes
2 answers

minhur bootstrap toggle does not show full width in modal, but does everywhere else

I am wanting to use Bootstrap Toggle plugin, but it does not show as expected in the modal for longer text. JSFiddle Code: $("[name='toggle-checkbox']").bootstrapToggle({ on: 'Enabled', …
Ali
  • 558
  • 7
  • 28
0
votes
0 answers

Using bootstrap-slider and bootstrap-switch in wordpress admin panel

I'm creating a Wordpress theme with an admin panel and I would like to put bootstrap switch and bootstrap sliders like: OR But the problem is that I find the scripts in the page correctly added but nothing happen. I have the scripts enqueued like…
Ary
  • 462
  • 1
  • 5
  • 16
0
votes
0 answers

Bootstrap switch looks all wrong

We are developing a web based tool and we are using bootstrap switches. Our switch looks like this: This is the HTML: The width of the is set with the and is…
Matthew Goulart
  • 2,873
  • 4
  • 28
  • 63
0
votes
1 answer

height issue in bootstrap switch

Bootstrap switch with on text 'Yes' I am facing the problem with height in Bootstrap switch. I am not able to change the height of the switch. How can I change the height of the switch.
Yallappa Bestha
  • 1
  • 2
0
votes
3 answers

Angular 2: Bootstrap Switch not changing value of variable

I'm using bootstap switches for checkboxes in my Angular 2 application. When you click on the switch, I want the value of my LightNeeded variable in my class to change along with it. I have the following code: HTML:
Bryan
  • 2,951
  • 11
  • 59
  • 101
0
votes
1 answer

Refresh bootstrapswitch after change in ngModel

I'm using angular 1.4.x and Bluradmin template. Problem is connected with bootstrapswitch custom directive (function () { 'use strict'; angular.module('BlurAdmin.pages.form') .directive('switch', switchDirective); /** @ngInject */ …
Michal_Szulc
  • 4,097
  • 6
  • 32
  • 59
0
votes
1 answer

ajax call catch event not working on Bootstrap switch inside datatables plugin on responsive view

Ajax call catch event not working on Bootstrap switch inside datatables plugin on responsive view. $('.switch').bootstrapSwitch(); $('.switch').on('switchChange.bootstrapSwitch', function () { var id =$(this).attr("attrid"); $.ajax({ …
parth
  • 91
  • 1
  • 10
0
votes
2 answers

Set labelText of input with Bootstrap Switch

Description: I went through Bootstrap Switch's documentation but it's not very clear how I'm supposed to change the labelText of the switch input. Name | Attribute | Type | Description | Values |…
kemicofa ghost
  • 16,349
  • 8
  • 82
  • 131
0
votes
1 answer

Bootstrap Switch check state doesn't work

So I'm working on my usergroups page on my cms, and I added a switch to determine if the group has access to the admin section or not. If so (and the user checks the switch), a div of permissions will be displayed. For this, I used Bootstrap's…
Naxon
  • 1,354
  • 4
  • 20
  • 40
0
votes
1 answer

Leaflet- Bootstrap Switch - All layers off

Currently i try to use Booststrap switch with leaflet to show/mask layer+legend. 1rst step is ok, i can use checkboxes inside modal windows. I have a problem when 2 or more checkboxes are activated, layers are stacked on each other, same for my…
arzlo
  • 1
0
votes
2 answers

Remove Bootstrap switch HTML element

I had to create refreshing (refreshing the whole chatbox with all HTML) chatbox and inside the chat box, I have a bootstrap switch. and this switch also replacing with my code. after replacing the whole element. The bootstrap switch is stopped…
Disapamok
  • 1,426
  • 2
  • 21
  • 27
0
votes
2 answers

Trigger v-on:change with Bootstrap switch

I'm making my first script using Vue, and I think I love it ;) I have a problem with the bootstrap switch: http://www.bootstrap-switch.org/ It never triggers the v-on:change on this component: Here is my generated code
Juliatzin
  • 18,455
  • 40
  • 166
  • 325
1 2 3
…
8 9