Response title
This is preview!
- Screen name: Michael11111275440686
Michael11111275440686's Profile
2 Posts
11 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 21-Mar-2017 08:17 AM
- Forum: Developing jQuery UI
Hello guys,I would like to contribute to slider widget/control (currently working on it, forked jquery-ui in GitHub).Planning the following changes:- dynamic handle size (fixed axis relative to orientation)(not css-based).- strict option, when handles doesnt move beyong the scale.- internal handle type, when handles positioned inside the slider scale.how do you find these features? are they acceptable?sorry for language, im not native to English.I will create codepen demonstration if it's okay to community..- 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>
- «Prev
- Next »
-
Moderate user : Michael11111275440686