iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style input radios with bootstrap classes

This commit is contained in:
Thomas Rupprecht 2022-11-30 00:43:30 +01:00 committed by Igor Scheller
parent 0002585de4
commit 4ccceb271c
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
includes/sys_form.php
View File

@ -196,9 +196,10 @@ function form_checkbox($name, $label, $selected, $value = 'checked', $html_id =
*/
function form_radio($name, $label, $selected, $value)
{
return '<div class="radio">'
. '<label><input type="radio" id="' . $name . '" name="' . $name . '" value="' . htmlspecialchars((string)$value) . '" '
. ($selected ? ' checked="checked"' : '') . ' /> '
return '<div class="form-check">'
. '<input class="form-check-input" type="radio" id="' . $name . '" name="' . $name . '" value="' . htmlspecialchars((string)$value) . '" '
. ($selected ? ' checked="checked"' : '') . ' />'
. '<label class="form-check-label" for="' . $name . '">'
. $label
. '</label></div>';
}
@ -478,8 +479,11 @@ function html_options($name, $options, $selected = '')
{
$html = '';
foreach ($options as $value => $label) {
$html .= '<input type="radio"' . ($value == $selected ? ' checked="checked"' : '') . ' name="'
. $name . '" value="' . $value . '"> ' . $label;
$html .= '<div class="form-check form-check-inline">'
. '<input class="form-check-input" type="radio" id="' . $name . '_' . $value . '" name="' . $name . '"'
. ($value == $selected ? ' checked="checked"' : '') . ' value="' . $value . '" />'
. '<label class="form-check-label" for="' . $name . '_' . $value . '">' . $label . '</label>'
. '</div>';
}
return $html;

14
resources/views/pages/design.twig
View File

@ -259,12 +259,14 @@
</div>
<div class="col-md-3 col-lg-2 checkbox-inline">
Radio<br>
<label>
<input type="radio" checked="checked" name="form-input-radio" value="1"> Yey
</label>
<label>
<input type="radio" name="form-input-radio"> Nay
</label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="yey" checked="checked" name="form-input-radio" value="1">
<label class="form-check-label" for="yey">Yey</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="nay" name="form-input-radio">
<label class="form-check-label" for="nay">Nay</label>
</div>
</div>
</div>
<div class="row">