Сие чудо создает на чистом CSS переключатели аля iOs & Android и др.
код который они предлагают выглядит следующим образом:
...
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
...
В Oxwall, например, в файле ow_system_plugins/base/views/controllers/user_search_index.html код выглядит так:
<td class="ow_label">
{label name=$question.name}
</td>
<td class="ow_value">
{input name=$question.name}
<div style="height:1px;"></div>
{error name=$question.name}
</td>
В исходном коде страницы, все выглядит так:
<tr class="ow_alt1 ">
<td class="ow_label">
<label>Пол</label>
</td>
<td class="ow_value">
<ul class="ow_checkbox_group clearfix">
<li style="width:100%">
<input name="sex[]" id="input_52438355" type="checkbox" value="1">
<label for="input_52438355">Мужской</label>
</li>
<li style="width:100%">
<input name="sex[]" id="input_42517090" type="checkbox" value="2">
<label for="input_42517090">Женский</label>
</li>
</ul>
<div style="height:1px;"></div>
<span id="input_42517090_error" style="display:none;" class="error"></span>
</td>
</tr>
Что весьма фигово, ибо не ясно где и как генерируется из тех переменных такие куски кода, не ясно как id инпута генерится, каким образом указать лейблу на id инпута, кто-нибудь, что-нибудь шарит где и как рождаются переменные для лейбла, которые в свою очередь нужны для привязки к инпуту?
пока смог сделать только так:
<td class="ow_label">
<div class="onoffswitch">
{input name=$action.action id=$action.action class="onoffswitch-checkbox"}
<label class="onoffswitch-label" for="{$action.action}">
<!--{label class="onoffswitch-label" name=$action.action}-->
<div class="onoffswitch-inner">
<div class="onoffswitch-active"><div class="onoffswitch-switch">YES</div></div>
<div class="onoffswitch-inactive"><div class="onoffswitch-switch">NO</div></div>
</div>
</label>
</div>
</td>
(это отсюда: ow_plugins/notifications/views/controllers/notifications_settings.html)
