jQWidgets Forums

jQuery UI Widgets › Forums › Layouts › Docking › slow loading docking

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  ahmed2 11 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    slow loading docking Posts
  • September 5, 2013 at 11:41 am slow loading docking #28393

    ahmed2
    Member

    Hi Team,

    I have got 8 basic docking windows with expand and collapse features.

    on load i am collapsing all windows. It is taking atleast 5 seconds to load the docks and then collapses them.

    please help in this regard.

    September 5, 2013 at 11:58 am slow loading docking #28396

    Peter Stoev
    Keymaster

    Hi ahmed2,

    Please, provide a sample which demonstrates your scenario and tell us which browser, browser version, jQuery and jQWidgets version you use.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

    September 5, 2013 at 1:03 pm slow loading docking #28402

    ahmed2
    Member

    Thanks Peter,

    these are the properties and code.

    Browser version: 29 updated

    jquery version: 1.10.1

    jQWidgets version: 2.9.3

    HTML:

    javascript:
    $(document).ready(function(){
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_1’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_2’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_3’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_4’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_5’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_6’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_7’);
    $(‘#refinerDocking’).jqxDocking(‘collapseWindow’, ‘refDocking_8’);
    });

    September 5, 2013 at 1:11 pm slow loading docking #28403

    Peter Stoev
    Keymaster

    Hi ahmed2,

    Could you please provide a sample like I asked? We are unable to test your scenario using the provided code.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

    September 17, 2013 at 11:15 am slow loading docking #29116

    ahmed2
    Member
        
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>RefinerTabView</title>
    	<link rel="stylesheet" href="Grids/jqwidgets/styles/jqx.base.css" type="text/css" />
    	<script type="text/javascript" src="Grids/scripts/jquery-1.10.1.min.js"></script>    
    	<script type="text/javascript" src="Grids/scripts/gettheme.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxcore.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxwindow.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxdocking.js"></script>
        <script type="text/javascript" src="Grids/jqwidgets/jqxdropdownlist.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxlistbox.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxcheckbox.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxradiobutton.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxinput.js"></script> 
    	<script type="text/javascript" src="Grids/jqwidgets/jqxbuttons.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxdatetimeinput.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxcalendar.js"></script>
    	<script type="text/javascript" src="Grids/jqwidgets/jqxcombobox.js"></script>
      
    	<script type="text/javascript">
      
    		$(document).ready(function () {
    		
    			var theme = getDemoTheme();
    			
    			//docking
    							
    			$('#refinerDockingA').jqxDocking({ theme: theme, orientation: 'horizontal', mode: 'docked' ,width:"100%" });
    			
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_1');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_2');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_3');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_4');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_5');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_6');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_7');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_8');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_9');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_10');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_11');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_12');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_13');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_14');
    			$('#refinerDockingA').jqxDocking('disableWindowResize', 'refDocking_15');
    			$('#refinerDockingA').jqxDocking('hideAllCloseButtons');
    			$('#refinerDockingA').jqxDocking('showAllCollapseButtons'); 
    			
    			$('#CollapseAll').on('click', function () {
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_1');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_2');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_3');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_4');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_5');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_6');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_7');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_8');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_9');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_10');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_11');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_12');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_13');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_14');
    				$('#refinerDockingA').jqxDocking('collapseWindow', 'refDocking_15');
    			});
    					
    			$('#expandAll').on('click', function () {
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_1');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_2');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_3');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_4');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_5');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_6');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_7');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_8');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_9');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_10');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_11');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_12');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_13');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_14');
    				$('#refinerDockingA').jqxDocking('expandWindow', 'refDocking_15');
    			});
    			// Static Refiners
    			$("#FundWin_EquityCheckbox1,#FundWin_EquityCheckbox2,#FundWin_EquityCheckbox3,#FundWin_FICheckbox1,#FundWin_FICheckbox2,#FundWin_FICheckbox3,#ContactWin_Checkbox1,#ContactWin_Checkbox2").jqxCheckBox();
    			$("#AlertsWin_Checkbox1,#AlertsWin_Checkbox2,#SegmentWin_checkbox1,#SegmentWin_checkbox2,#SegmentWin_checkbox3,#SegmentWin_checkbox4,#SegmentWin_checkbox5,#SegmentWin_checkbox6").jqxCheckBox();
    			$("#LeadTypeWin_checkbox1,#LeadTypeWin_checkbox2,#LeadTypeWin_checkbox3,#LeadTypeWin_checkbox4,#LeadTypeWin_checkbox5,#LeadTypeWin_checkbox6").jqxCheckBox();
    			$("#LeadPriorWin_checkbox1,#LeadPriorWin_checkbox2,#LeadPriorWin_checkbox3,#LeadPriorWin_checkbox4,#LeadSourceWin_checkbox1,#LeadSourceWin_checkbox2,#LeadSourceWin_checkbox3").jqxCheckBox();
    			$("#CallZoneWin_checkbox1,#CallZoneWin_checkbox2,#CallZoneWin_checkbox3,#AssignToMeWin_checkbox1").jqxCheckBox();
    			$("#VisitZoneWin_checkbox1,#VisitZoneWin_checkbox2,#VisitZoneWin_checkbox3,#VisitZoneWin_checkbox4").jqxCheckBox();
    			$("#CallVisitWin_checkbox1,#CallVisitWin_checkbox2,#CallVisitWin_checkbox3").jqxCheckBox();			
    			$("#SegmentChangeWin_checkbox1,#SegmentChangeWin_checkbox2,#SegmentChangeWin_checkbox3").jqxCheckBox();
    			$("#Diversification_checkbox1,#Diversification_checkbox2,#Diversification_checkbox3").jqxCheckBox();			
    			$("#Doc_SalesWin_radio1,#Doc_SalesWin_radio2").jqxRadioButton({
    				width: 85,
    				groupName: 'Panel1'
    			});
    			$("#Doc_FundWin_radio1,#Doc_FundWin_radio2").jqxRadioButton({
    				width: 85,
    				groupName: 'Panel2'
    			});
    			$("#fromNum").jqxInput({
    				width: "49%",
    				height: 30
    			});
    			$("#toNum").jqxInput({
    				width: "59%",
    				height: 30
    			});
    			$("#fundInput").jqxInput({
    				width: "96%",
    				height: 35
    			});
    			$("#bloc").jqxInput({
    				width: "70%",
    				height: 35
    			});
    	
    			$("#visitlist").jqxDropDownList({
    				source: ["0", "1", "2", "3", "4(+)"],
    				width: "43",
    				height: 27,
    				autoDropDownHeight: true,
    				selectedIndex: 0
    			});
    			$("#calllist").jqxDropDownList({
    				source: ["0", "1", "2", "3", "4(+)"],
    				width: "43",
    				height: 27,
    				autoDropDownHeight: true,
    				selectedIndex: 0
    			});
    			$("#timelist").jqxDropDownList({
    				source: ['Fiscal Year', 'Quarter'],
    				width: "66%",
    				height: 27,
    				autoDropDownHeight: true,
    				selectedIndex: 0
    			});
    			$('.radioInline,#timelist,#visitlist,#calllist').css("display", "inline-block");
    	});
    	</script>
    	<style type="text/css">
    		#refinerDocking{width:20%; float:left; margin-right:2%;}
    		#refinerDocking .jqx-widget-content {min-height:0px !important;}
    		#refinerDocking .jqx-docking-window {border: 1px solid #bbc1ce;}
    		#refinerDocking .jqx-docking-window .jqx-window-header 
    		{
    			min-height: 20px;
    			font-size: 13px;
    			padding-left: 8px;
    			padding-right: 10px;
    			padding-top: 8px;
    			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #edeff4), color-stop(100%, #d6dae6));
    		}
    		
    		#refinerDocking .jqx-docking-window .jqx-resize .jqx-widget-content {height: auto;}
    		#refinerDocking .leftDivisionClass {width: 48%;float: left;padding-right: 20px;}
    		#refinerDocking .rightDivisionClass {width: 43%;float: left;}
    		#refinerDocking .leftDivisionClassContact {width: 48%;float: left;padding-right: 10px;}
    		#refinerDocking .rightDivisionClassContact {width: 46%;float: left;}
    		#refinerDocking .timeText {padding-left: 10px;}
    		#refinerDocking .contactElements {display: inline-block !important;padding-right: 5px;font-size: 13px;}
    		#refinerDocking #calllist, #refinerDocking #visitlist,#refinerDocking #timelist {position: relative;top: 9px;}
    		
    	</style> 
    </head>
    	<div id="refinerDocking">
    	
    		<div id="refinerDockingA">
    			<div>
    			
    				<div id="refDocking_1" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Sales Action</span></div>
    					<div style="overflow: hidden;"> 
    						<div class="radioSection">
    							<span id="Doc_SalesWin_radio1" class="radioInlineSales" ><span class="displayText radioText">Sales</span></span> 
    							<span id="Doc_SalesWin_radio2" class="radioInlineSales" ><span class="displayText radioText">Redemptions</span></span>
    						</div>
    						<div class="clearfix dockingBodyBottomSection">
    							<div class="leftDivisionClass">
    								<span  id="Doc_SalesWin_label1">From($) :</span>
    								<input name="salesFrom" id="fromNum" placeholder="10" onfocus="this.placeholder = ''" onblur="this.placeholder = '10'" />
    							</div>
    							<div class="rightDivisionClass">
    								<span  id="Doc_SalesWin_label2">To($) :</span>
    								<input name="salesTo" id="toNum" placeholder="20" onfocus="this.placeholder = ''" onblur="this.placeholder = '20'"/>
    							</div>
    						</div>
    					<br/>                                                              
    					</div>            
    				</div>
    			
    				<div id="refDocking_2" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Fund and Assets Class</span></div>
    					<div style="overflow: hidden;">
    						<div class="radioSection"> 
    							<span id="Doc_FundWin_radio1" class="radioInline fundradio"><span class="displayText radioText">Fund</span></span> 
    							<span id="Doc_FundWin_radio2" class="radioInline fundradio"><span class="displayText radioText yourSelectionParentText">Asset Class</span></span> 
    						</div>
    						<div class="dockingBodyBottomSection">
    							<input id="fundInput" class="fundInput"  placeholder="Enter fund#,name,symbol..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter fund#,name,symbol...'"/>
    							<div class="assestsDiv">
    								<div class="leftDivisionClass">
    									<div class="checkboxHeading" id="Doc_FundWin_label1">Equity</div>
    									<div name="Domestic" class="displayValue domesticCheckBox refinercheckbox" id="FundWin_EquityCheckbox1" ><span class="displayText checkboxText">Domestic</span></div>
    									<div name="Intl1" class="displayValue refinercheckbox" id="FundWin_EquityCheckbox2" ><span class="displayText checkboxText">Int'l/Global</span></div>
    									<div name="Asset" class="displayValue refinercheckbox" id="FundWin_EquityCheckbox3"><span class="displayText checkboxText">Asset Alloc</span></div>
    								</div>
    								<div class="rightDivisionClass">
    									<div class="checkboxHeading" id="Doc_FundWin_label2">FI</div>
    									<div name="DomTax" class="displayValue domTaxCheckBox refinercheckbox" id="FundWin_FICheckbox1" ><span class="displayText checkboxText">Dom.Tax</span></div>
    									<div name="TaxFree" class="displayValue refinercheckbox" id="FundWin_FICheckbox2" ><span class="displayText checkboxText">Tax Free</span></div>
    									<div name="Intl2" class="displayValue refinercheckbox" id="FundWin_FICheckbox3"><span class="displayText checkboxText">Int'l/Global</span></div>
    								</div>
    							</div>
    						</div>
    					<br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_3" class="yourSelectionParentDiv">
    					<div> <span class="yourSelectionParentText">Diversification</span></div>
    					<div style="overflow: hidden;">
    								<div name="Segment" class="displayValue refinercheckbox" id="Diversification_checkbox1"><span class="displayText checkboxText">Asset Class 1</span></div>
    								<div name="Segment" class="displayValue refinercheckbox" id="Diversification_checkbox2"><span class="displayText checkboxText">Asset Class 2</span></div>
    								<div name="Segment" class="displayValue refinercheckbox" id="Diversification_checkbox3"><span class="displayText checkboxText">Asset Class 3</span></div>
    					</div><br/>
    				</div>
    			
    				<div id="refDocking_4" class="yourSelectionParentDiv"  id="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Contact </span></div>
    					<div class="diversificationList" style="overflow: hidden;">
    						<div class="dockingBodyBottomSection clearfix">
    							<div class="leftDivisionClassContact">
    								<span name="visitlist" class="displayValueVisitList refinercheckbox contactElements" id="ContactWin_Checkbox1"><span class="displayText checkboxText contactText">Visits</span></span>
    								<div id="visitlist" class="dropelement"> </div>
    							</div>
    							<div class="rightDivisionClassContact">
    								<span name="calllist" class="displayValueCallList refinercheckbox contactElements" id="ContactWin_Checkbox2"><span class="displayText checkboxText contactText">Calls</span></span>
    								<div  id="calllist" class="dropelement"> </div>
    							</div><br/>
    						</div>
    					<br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_5" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Alerts</span></div>
    					<div style="overflow: hidden;">
    						<div class="dockingBodyBottomSection">
    							<div class="leftDivisionClass">
    								<div name="Alerts" class="displayValue refinercheckbox" id="AlertsWin_Checkbox1"><span class="displayText checkboxText">Trade</span></div>
    							</div>
    							<div class="rightDivisionClass"> 
    								<div name="Alerts" class="displayValue refinercheckbox" id="AlertsWin_Checkbox2"><span class="displayText checkboxText">Hypothetical</span></div>
    							</div>
    						</div>
    					</div>
    				</div>
    			
    				<div id="refDocking_6" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Current Segment</span></div>
    					<div style="overflow: hidden;">
    						<div class="dockingBodyBottomSection">
    							<div class="leftDivisionClass">
    								<div name="Segment" class="displayValue refinercheckbox" id="SegmentWin_checkbox1"><span class="displayText checkboxText">Gold</span></div>
    								<div name="Segment" class="displayValue refinercheckbox" id="SegmentWin_checkbox2"><span class="displayText checkboxText">Partner</span></div>
    								<div name="Segment" class="displayValue refinercheckbox" id="SegmentWin_checkbox3"><span class="displayText checkboxText">Others</span></div>
    							</div>
    							<div class="rightDivisionClass">
    								<div name="Segment" class="displayValue refinercheckbox" id="SegmentWin_checkbox4"><span class="displayText checkboxText">Platinum</span></div>
    								<div name="Segment" class="displayValue refinercheckbox" id="SegmentWin_checkbox5"><span class="displayText checkboxText">Silver</span></div>
    								<div name="Segment" class="displayValue refinercheckbox" id="SegmentWin_checkbox6"><span class="displayText checkboxText">Oppertunity</span></div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div id="refDocking_7" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Lead Type</span></div>
    					<div style="overflow: hidden; ">
    						<div class="dockingBodyBottomSection">
    							<div class="leftDivisionClass">
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadTypeWin_checkbox1"><span class="displayText checkboxText">Promote</span></div>
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadTypeWin_checkbox2"><span class="displayText checkboxText">Equity</span></div>
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadTypeWin_checkbox3"><span class="displayText checkboxText">DCIO</span></div>
    							</div>
    							<div class="rightDivisionClass">
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadTypeWin_checkbox4"><span class="displayText checkboxText">Protect</span></div>
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadTypeWin_checkbox5"><span class="displayText checkboxText">Thank You</span></div>
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadTypeWin_checkbox6"><span class="displayText checkboxText">Cross-Sell</span></div>
    							</div>
    						</div>
    					<br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_8" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Lead Priority</span></div>
    					<div style="overflow: hidden;">
    						<div class="dockingBodyBottomSection">
    							<div class="leftDivisionClass">
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadPriorWin_checkbox1"><span class="displayText checkboxText">High</span></div>
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadPriorWin_checkbox2"><span class="displayText checkboxText">Low</span></div>
    							</div>
    							<div class="rightDivisionClass">
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadPriorWin_checkbox3"><span class="displayText checkboxText">Corporate</span></div>
    								<div name="Leadtype" class="displayValue refinercheckbox" id="LeadPriorWin_checkbox4"><span class="displayText checkboxText">Medium</span></div>
    							</div>
    						</div>
    					<br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_9"  class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Visit Zone</span></div>
    					<div style="overflow: hidden;">
    						<div class="leftDivisionClass">
    							<div name="Visitzone" class="displayValue refinercheckbox" id="VisitZoneWin_checkbox1"><span class="displayText checkboxText">Zone 1.A</span></div>
    							<div name="Visitzone" class="displayValue refinercheckbox" id="VisitZoneWin_checkbox2"><span class="displayText checkboxText">Zone 2.A</span></div>
    							<div name="Visitzone" class="displayValue refinercheckbox" id="VisitZoneWin_checkbox3"><span class="displayText checkboxText">Zone 3.A</span></div>
    						</div><br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_10"  class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Call Zone</span></div>
    					<div style="overflow: hidden;">
    						<div class="leftDivisionClass">
    							<div name="Callzone" class="displayValue refinercheckbox" id="CallZoneWin_checkbox1"><span class="displayText checkboxText">Zone 1.BA</span></div>
    							<div name="Callzone" class="displayValue refinercheckbox" id="CallZoneWin_checkbox2"><span class="displayText checkboxText">Zone 2.A</span></div>
    							<div name="Callzone" class="displayValue refinercheckbox" id="CallZoneWin_checkbox3"><span class="displayText checkboxText">Zone 3.A</span></div>
    						</div><br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_11"  class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Firm/BLOC/City/Zip</span></div>
    					<div style="overflow: hidden;">
    							<div class="refinercheckboxZone">
    						<input id="bloc" placeholder="Enter a firm, BLOC, city, or zip..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter a firm, BLOC, city, or zip...'"/>
    						</div>
    					<br/>
    					</div>
    				</div>
    			
    				<div id="refDocking_12"  class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Lead Source</span></div>
    					<div style="overflow: hidden;"> 
    						<div class="displayValue refinercheckbox refinercheckboxZone" id="LeadSourceWin_checkbox1" ><span class="displayText checkboxText">Campaign 1</span></div>
    						<div class="displayValue refinercheckbox" id="LeadSourceWin_checkbox2" ><span class="displayText checkboxText">Campaign 2</span></div>
    						<div class="displayValue refinercheckbox" id="LeadSourceWin_checkbox3" ><span class="displayText checkboxText">Campaign 3</span></div>
    					</div><br/>
    				</div>
    			
    				<div id="refDocking_13"  class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Assigned to me</span></div>
    					<div style="overflow: hidden;"> 
    						<div class="displayValue refinercheckbox refinercheckboxZone" id="AssignToMeWin_checkbox1" ><span class="displayText checkboxText">Assigned to me</span></div>
    					</div><br/>
    				</div>
    			
    				<div id="refDocking_14"  class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Segment Change</span></div>
    					<div style="overflow: hidden;"> 
    						<div class="displayValue refinercheckbox refinercheckboxZone" id="SegmentChangeWin_checkbox1" ><span class="displayText checkboxText">Gained </span></div>
    						<div class="displayValue refinercheckbox" id="SegmentChangeWin_checkbox2" ><span class="displayText checkboxText">Lost </span></div>
    						<div class="displayValue refinercheckbox" id="SegmentChangeWin_checkbox3" ><span class="displayText checkboxText">Dropped </span></div>
    					</div><br/>
    				</div>
    			
    				<div id="refDocking_15" class="yourSelectionParentDiv">
    					<div><span class="yourSelectionParentText">Last Call/Visit</span></div>
    					<div style="overflow: hidden;">
    						<div class="displayValue refinercheckbox refinercheckboxZone" id="CallVisitWin_checkbox1" ><span class="displayText checkboxText">Last Call Before </span></div>
    						<div class="displayValue refinercheckbox" id="CallVisitWin_checkbox2" ><span class="displayText checkboxText">Last Call After </span></div>
    					</div><br/>
    				</div>
    			</div>
    		</div>	
    		
    	</div>
    	
    	<div style="width:12%; float:left;">
    		<a href="#" id="expandAll">Expand All</a>
    		<a href="#" style="float:right;" id="CollapseAll">Collapse All</a>
    	</div>
    </body>
    </html>
    September 17, 2013 at 2:06 pm slow loading docking #29134

    ahmed2
    Member

    Hi peter,

    I have provided the code. can you please look into it.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.