Questions tagged [buttongroup]

buttongroup refers to bootstrap button groups. A button group is a series of buttons grouped together either horizontally or vertically by a parent element with the role group and the class btn-group.

refers to bootstrap button groups. A button group is a series of buttons grouped together either horizontally or vertically by a parent element with role="group" and class="btn-group".

Button groups is supported in all versions of bootstrap. Example :

<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

Recent documentation :
http://getbootstrap.com/components/#btn-groups (bootstrap 3)
http://v4-alpha.getbootstrap.com/components/button-group/ (bootstrap 4)

205 questions
53
votes
6 answers

How to get button groups that span the full width of a parent in Bootstrap?

In Bootstrap, how can I get a button group like the following that span the full width of a parent element? (like with the ".btn-block" class, but applied to a group http://getbootstrap.com/css/#buttons-sizes )
Max
  • 4,965
  • 17
  • 49
  • 64
17
votes
2 answers

Add ButtonGroup to JPanel

JPanel.add(ButtonGroup); Is not working. I MUST add it to a JPanel because I am using tabs. This is getting really frustrating.I hace not found a way yet
ntakouris
  • 898
  • 1
  • 9
  • 22
17
votes
3 answers

How to add a radio button group in a core java program such that only one radio button is selected at one time?

I am building a project in core java. BUt i'm stuck in making a radio button group ( for entering the gender (male/female). For that i need a radio group such that only one radio button is selected at one time; and take the input into the database…
shubh
  • 253
  • 2
  • 3
  • 9
15
votes
3 answers

How to get the value of selected button in twitter bootstrap button group

If I haev a radio button group in bootstrap like the following :
Adham
  • 63,550
  • 98
  • 229
  • 344
14
votes
1 answer

adding JRadioButton to RadioButton group

Good day Would like to know how to add radiobuttons to a ButtonGroup by dragging and dropping components on to the frame. JRadioButton male = new JRadioButton("Male"); JRadioButton female = new JRadioButton("Female"); ButtonGroup bg = new…
Arianule
  • 8,811
  • 45
  • 116
  • 174
12
votes
2 answers

Vue v-model not reactive with BS4 radio button group

I'm hoping I'm just missing something simple because I've been looking at this for too long, but I'm stumped. I have a form with inputs bound to vuejs. I have a group of 2 radio buttons for selecting the "gender", and the binding is working…
CICSolutions
  • 1,043
  • 1
  • 15
  • 22
12
votes
3 answers

How to programmatically check a Bootstrap button group (radio) button

http://jsfiddle.net/rphpbqp9/
11
votes
1 answer

Twitter Bootstrap getting state of checkbox button group

There are several questions related to Twitter Bootstrap's button radio/checkbox groups, but none seem to be of the new Bootstrap convention (I'm using v3.3.4) or my addressing my question. The old convention was to declare a
MandM
  • 3,293
  • 4
  • 34
  • 56
11
votes
5 answers

How to add radio buttons in button group?

After dragging and dropping button group in Netbeans 7.2, how to add radio button in that button group?
Pradip Kharbuja
  • 3,442
  • 6
  • 29
  • 50
10
votes
2 answers

Listening on ButtonGroup for "child" changes, and print selected JRadioButton's text

What I want to is: Create an event that fires if the a JRadioButton contained in the ButtonGroup is selected, and then print the text there is on the JRadioButton.
Tyilo
  • 28,998
  • 40
  • 113
  • 198
10
votes
5 answers

How to create ButtonGroup of JToggleButton's that allows to deselect the actual option?

That's it. I need to create a ButtonGroup that allows to select a option or, if the user click on the selected option, deselect the item (nothing will be selected) and, of course, capture the event to do something.
jion
  • 363
  • 5
  • 16
9
votes
5 answers

How I can make nice looking matrix of buttons with Bootstrap 3?

I have something like that:
9
votes
3 answers

Radio buttons binding is not working when a data-toggle attribute is added in AngularJS + Bootstrap

I am using AngularJS along with Twitter Bootstrap and I want to make two radio buttons look like normal Bootstrap buttons. I found this example on jsFiddle and after applying it to my case everything looks fine but it's not working correctly. I…
Yulian
  • 6,262
  • 10
  • 65
  • 92
9
votes
3 answers

Disable Twitter Bootstrap Button Group

I have a button group on a page that is used for a selection. After the selection is made I want the button group to still be visible so the user can see the selection they made, but I don't want them to be able to use it anymore. Is there a way to…
8
votes
5 answers

Button group not wrapping when too long

I have a very long button group : https://jsfiddle.net/cyu4bvak/
1
2 3
13 14