.controlgroup() doesn't apply correctly
I have a w2ui layout -> jquery-ui accordion in left panel -> generated form with inputs/radios in the content section. When I do .controlgroup() on a jquery div, it doesn't apply correctly. But this happens only If there are several collapsible panels (with content->form->radios) in jquery accorion. If there is only one content panel in accordion, .controlgroup() applies correctly.
The in-correctness is in visual appearance of radios. I really don't have much time to dig into source of a problem now, sorry for that. I will paste resulting html body here (with problem) ->
$('#m2v2box').controlgroup();
-
<!-- рабочая область -->
<div id="workarea" name="wa" class="w2ui-layout" style=""><div style="width: 1920px; height: 535px;"><div id="layout_wa_panel_top" class="w2ui-panel" style="display: block; left: 0px; top: 0px; width: 1920px; height: 54px; transition: all 0s ease 0s;"> <div class="w2ui-panel-title" style="display: none;"></div> <div class="w2ui-panel-tabs" style="display: none;"></div> <div class="w2ui-panel-toolbar" style="display: none;"></div> <div class="w2ui-panel-content" style="display: block; top: 0px;"><div id="toolbar" class="layout">
<div id="toolbox">
<div id="nav">
<button id="nav1" class="ui-button ui-corner-all ui-widget faded" style="width: 157px; margin-right: 2px;">Управление</button>
<button id="nav2" class="ui-button ui-corner-all ui-widget sw" style="width: 157px; margin-right: 2px;">Входящие</button>
<button id="nav3" class="ui-button ui-corner-all ui-widget faded" style="width: 158px;">Исходящие</button>
</div>
<div id="info">
</div>
<div id="usr">
</div>
</div>
<div class="progressbar">
<div id="pb1" role="progressbar" aria-valuemin="0" class="ui-progressbar ui-corner-all ui-widget ui-widget-content" aria-valuemax="100" aria-valuenow="0"><div class="ui-progressbar-value ui-corner-left ui-widget-header" style="display: none; width: 0%;"></div></div>
</div>
</div></div></div><div id="layout_wa_resizer_top" class="w2ui-resizer" style="display: none;"></div><div id="layout_wa_panel_left" class="w2ui-panel" style="display: block; opacity: 1; transition: all 0s ease 0s; left: 0px; top: 54px; width: 497px; height: 457px;"> <div class="w2ui-panel-title" style="display: none;"></div> <div class="w2ui-panel-tabs" style="display: none;"></div> <div class="w2ui-panel-toolbar" style="display: none;"></div> <div class="w2ui-panel-content" style="display: block; top: 0px;"><div id="panel" class="layout ui-accordion ui-widget ui-helper-reset" role="tablist">
<div id="m2v1" class="view ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default view-top ui-accordion-icons faded" role="tab" aria-controls="ui-id-1" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span>Картотека</span></div>
<div style="display: none; height: 310px;" class="ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-1" aria-labelledby="m2v1" role="tabpanel" aria-hidden="true">
<form name="m2v1form">
<fieldset>
<div id="m2v1box">
<input name="m2v1form" id="m2v1f1" type="radio">
<label for="m2v1f1">Микрорайоны</label>
<input name="m2v1form" id="m2v1f2" type="radio">
<label for="m2v1f2">Районы</label>
<input name="m2v1form" id="m2v1f3" type="radio">
<label for="m2v1f3">Населенные пункты</label>
</div>
</fieldset>
</form>
</div>
<div id="m2v2" class="view ui-accordion-header ui-corner-top ui-state-default ui-accordion-header-active ui-state-active ui-accordion-icons" role="tab" aria-controls="ui-id-2" aria-selected="true" aria-expanded="true" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span><span>Оплата</span></div>
<div style="height: 306px;" class="ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content ui-accordion-content-active" id="ui-id-2" aria-labelledby="m2v2" role="tabpanel" aria-hidden="false">
<form name="m2v2form">
<fieldset>
<div id="m2v2box" role="toolbar" class="ui-controlgroup ui-controlgroup-horizontal ui-helper-clearfix">
<input name="m2v2form" id="m2v2f1" class="ui-checkboxradio ui-helper-hidden-accessible" type="radio">
<label for="m2v2f1">Касса</label>
<input name="m2v2form" id="m2v2f2" class="ui-checkboxradio ui-helper-hidden-accessible" type="radio">
<label for="m2v2f2">Банк</label>
</div>
</fieldset>
</form>
</div>
<div id="m2v3" class="view ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default view-bottom ui-accordion-icons faded view-above" role="tab" aria-controls="ui-id-3" aria-selected="false" aria-expanded="false" tabindex="-1"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span>Сторно</span></div>
<div style="display: none; height: 310px;" class="ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-3" aria-labelledby="m2v3" role="tabpanel" aria-hidden="true">
<form name="m2v3form">
<fieldset>
<div id="m2v3box">
<input name="m2v3form" id="m2v2f1" type="radio">
<label for="m2v2f1" class="ui-button ui-widget ui-checkboxradio-radio-label ui-checkboxradio-label ui-controlgroup-item"><span class="ui-checkboxradio-icon ui-corner-all ui-icon ui-icon-background ui-icon-blank"></span><span class="ui-checkboxradio-icon-space"> </span>Дебет</label>
<input name="m2v3form" id="m2v2f2" type="radio">
<label for="m2v2f2" class="ui-button ui-widget ui-checkboxradio-radio-label ui-checkboxradio-label ui-controlgroup-item"><span class="ui-checkboxradio-icon ui-corner-all ui-icon ui-icon-background ui-icon-blank"></span><span class="ui-checkboxradio-icon-space"> </span>Кредит</label>
</div>
</fieldset>
</form>
</div>
</div></div></div><div id="layout_wa_resizer_left" class="w2ui-resizer ui-corner-all" style="display: block; left: 485px; top: 54px; width: 12px; height: 457px; cursor: ew-resize;"></div><div id="layout_wa_panel_main" class="w2ui-panel" style="display: block; left: 497px; top: 54px; width: 1423px; height: 457px; transition: all 0s ease 0s;"> <div class="w2ui-panel-title" style="display: none;"></div> <div class="w2ui-panel-tabs" style="display: none;"></div> <div class="w2ui-panel-toolbar" style="display: none;"></div> <div class="w2ui-panel-content" style="display: block; top: 0px;"><div id="view" class="layout ui-corner-all">
<form id="testform">
<div id="testbox">
<input name="testform" id="r1" type="radio">
<label for="r1">r1</label>
<input name="testform" id="r2" type="radio">
<label for="r2">r3</label>
<input name="testform" id="r3" type="radio">
<label for="r3">r3</label>
</div>
</form>
</div></div></div><div id="layout_wa_resizer_main" class="w2ui-resizer" style="display: none;"></div><div id="layout_wa_panel_preview" class="w2ui-panel" style="display: none; transition: all 0s ease 0s;"> <div class="w2ui-panel-title" style="display: none;"></div> <div class="w2ui-panel-tabs" style="display: none;"></div> <div class="w2ui-panel-toolbar" style="display: none;"></div> <div class="w2ui-panel-content" style="display: block; top: 0px;"></div></div><div id="layout_wa_resizer_preview" class="w2ui-resizer" style="display: none;"></div><div id="layout_wa_panel_right" class="w2ui-panel" style="display: none; transition: all 0s ease 0s;"> <div class="w2ui-panel-title" style="display: none;"></div> <div class="w2ui-panel-tabs" style="display: none;"></div> <div class="w2ui-panel-toolbar" style="display: none;"></div> <div class="w2ui-panel-content" style="display: block; top: 0px;"></div></div><div id="layout_wa_resizer_right" class="w2ui-resizer" style="display: none;"></div><div id="layout_wa_panel_bottom" class="w2ui-panel" style="display: block; left: 0px; top: 511px; width: 1920px; height: 24px; transition: all 0s ease 0s;"> <div class="w2ui-panel-title" style="display: none;"></div> <div class="w2ui-panel-tabs" style="display: none;"></div> <div class="w2ui-panel-toolbar" style="display: none;"></div> <div class="w2ui-panel-content" style="display: block; top: 0px;"><div id="console" class="layout">
<div class="progressbar">
<div id="pb2" role="progressbar" aria-valuemin="0" class="ui-progressbar ui-corner-all ui-widget ui-widget-content" aria-valuemax="100" aria-valuenow="0"><div class="ui-progressbar-value ui-corner-left ui-widget-header" style="display: none; width: 0%;"></div></div>
<button id="test" class="ui-button ui-corner-all ui-widget">test</button>
</div>
</div></div></div><div id="layout_wa_resizer_bottom" class="w2ui-resizer" style="display: none;"></div><div id="layout_wa_panel_css" style="position: absolute; top: 10000px;"></div></div></div>
<!-- шаблоны -->
<!-- раскладка интерфейса {{{ -->
<!-- тулбар -->
<script type="text/template" id="toolbar-t">
<div id='toolbox'>
<div id='nav'>
<button id='nav1'></button>
<button id='nav2'></button>
<button id='nav3'></button>
</div>
<div id='info'>
</div>
<div id='usr'>
</div>
</div>
<div class="progressbar">
<div id='pb1'></div>
</div>
</script>
<!-- левая панель: навигация -->
<script type="text/template" id="panel-t">
{{#body}}
<div id="{{id}}" class="view"><span>{{n}}</span></div>
<div>
<form name="{{id}}form">
<fieldset>
<div id="{{id}}box">
{{#body}}
<input type="radio" name="{{pid}}form" id="{{id}}" />
<label for="{{id}}">{{n}}</label>
{{/body}}
</div>
</fieldset>
</form>
</div>
</div>
{{/body}}
</script>
<!-- главная панель -->
<script type="text/template" id="view-t">
<form id="testform">
<div id="testbox">
<input type="radio" name="testform" id="r1" />
<label for="r1">r1</label>
<input type="radio" name="testform" id="r2" />
<label for="r2">r3</label>
<input type="radio" name="testform" id="r3" />
<label for="r3">r3</label>
</div>
</form>
</script>
<!-- консоль -->
<script type="text/template" id="console-t">
<div class="progressbar">
<div id="pb2"></div>
<button id="test">test</button>
</div>
</script>
<!-- }}} -->
<!-- скрипты -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/w2ui.min.js"></script>
<script type="text/javascript" src="js/mustache.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>