Databases
StackOverflow2013
Postsdbo
POASP.NET MVC4 Twitter Bootstrap Radio Button Issues
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POASP.NET MVC4 Twitter Bootstrap Radio Button Issues
    primarykey
    data
    text
    <p>I am currently using Bootstrap V3 and MVC4.</p> <p>I am having issues accessing and formatting data using bootstrap defined radio buttons.</p> <p>When I declare my radio buttons using the following - Specifically <code>data-toggle="buttons"</code>:</p> <pre><code> &lt;div class="btn-group" data-toggle="buttons" style="padding-bottom:10px"&gt; &lt;label class="btn btn-primary"&gt; @Html.RadioButtonFor(model =&gt; model.searchType, "radiobutton1") RadioButton 1 &lt;/label&gt; &lt;label class="btn btn-primary"&gt; @Html.RadioButtonFor(model =&gt; model.searchType, "radiobutton2") RadioButton2 &lt;/label&gt; &lt;/div&gt; </code></pre> <p>The result is:</p> <p><img src="https://i.stack.imgur.com/BzsvX.png" alt="Radiobuttons"></p> <p>Everything looks perfect. When I select a button, it gets pressed until I select the other.</p> <p>However, when I submit the form, the value is not passed through to the controller. It is null. I have a strongly typed view that gets values from a textbox and the radio buttons on the page.</p> <hr> <p>When I define my radio buttons using the following - Specifically <code>data-toggle="buttons-radio"</code>:</p> <pre><code> &lt;div class="btn-group" data-toggle="buttons-radio" style="padding-bottom:10px"&gt; &lt;label class="btn btn-primary"&gt; @Html.RadioButtonFor(model =&gt; model.searchType, "radiobutton1") RadioButton 1 &lt;/label&gt; &lt;label class="btn btn-primary"&gt; @Html.RadioButtonFor(model =&gt; model.searchType, "radiobutton2") RadioButton2 &lt;/label&gt; &lt;/div&gt; </code></pre> <p>My result is</p> <p><img src="https://i.stack.imgur.com/i37wj.png" alt="Radiobuttons"></p> <p>This is not how I want my buttons. The little circles are visible. Not to mention, once I select one of the buttons there is no turning back. I am forced to keep that one, I cannot select the other option.</p> <p>The one good thing about this option is that I am able to pass in the value that is selected to the controller. When the form is submitted, I am able to see that the value of searchType in my model object is either Radiobutton1 or Radiobutton2.</p> <hr> <p>And for those wondering, this is what my model looks like. It has a spot for searchType and searchString.</p> <pre><code>public class SearchForm { public string searchString{ get; set; } public string searchType { get; set; } } </code></pre> <hr> <p>What I am asking is how do I combine the 2 results?</p> <p>One looks perfect but doesn't pass data, the other looks bad and passes in the date.</p> <p>I have narrowed it down to the <code>data-toggle</code> property being set to either <code>Buttons</code> or <code>Buttons-Radio</code>.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. UStereško
    1. USJohnrad
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POASP.NET MVC4 Twitter Bootstrap Radio Button Issues
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI wasn't able to reproduce this myself but is the searchType a string on your model? If the value of the radio button and the property of the model don't match it won't get converted properly when it gets submitted
      singulars
      1. POASP.NET MVC4 Twitter Bootstrap Radio Button Issues
      1. USJared
    2. COYes sir it was. Did it appear to work correctly for you? I kind of have a "hotfix" for now. As I just posted as an answer.
      singulars
      1. POASP.NET MVC4 Twitter Bootstrap Radio Button Issues
      1. USJohnrad
    3. COYes it did work for me. The other thing I noticed in your HTML you posted, you didn't close the div tag of your btn-group
      singulars
      1. POASP.NET MVC4 Twitter Bootstrap Radio Button Issues
      1. USJared
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload