I have implemented a button from this source, but it does not appear correctly on my page.
You can view the screenshot here.
It seems like there is a conflict between the saved changes and the CSS. How can I resolve this issue?
In addition, I am facing a problem where I cannot select an option from both the top and bottom buttons simultaneously. Any guidance on resolving this JavaScript or CSS conflict would be greatly appreciated.
@Html.Label("Status")
</br>
<div class="btn-group btn-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" class="message_pri" name="options" value="1"> 1
</label>
<label class="btn btn-default">
<input type="radio" class="message_pri" name="options" value="0" checked=""> 0
</label>
</div>
</br>
@Html.Label("Anasayfada görünsün mü?")
</br>
<div class="btn-group btn-toggle" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" class="message_sh" name="options" value="True"> True
</label>
<label class="btn btn-default">
<input type="radio" class="message_sh" name="options" value="False" checked=""> False
</label>
</div>
<div class="modal-footer">
<button class="btn btn-light-primary font-weight-bold" onclick="Tabloyaekle()">Save changes</button>
<button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
</div>
Another concern I have is regarding sending True/False values to the database. Should I use something other than the 'value' attribute for this purpose?