Panel not display scroll on firefox

[duyhungb5Member]

I have design Web using jqxPanel. When a Panel has many control, it does not appear scrollbar on Firefox although running on Chrome still appears.

I don’t understand, Help me.

[DimitarParticipant]

Hello duyhungb5,

Please share your version of jQWidgets and a code snippet so that we may test for the reported behaviour locally.

Best Regards,
Dimitar

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

[duyhungb5Member]

I using jqQidgets version 2.7
I define panel in jqxWindow

HTML Code

file Project.jsp

<div id="edit_ProjectWnd">
		<div>Chỉnh sửa thông tin dự án</div>
		<div id="ProjectContent">
			<div id="projectPanel">
				<form id = "edit_ProjectForm">
					<jsp:include page="shared/edit_Project.jsp"></jsp:include>
				</form>
			</div>
			
			<div class="function-box" style="margin-top:10px;">
				<input type="button" value="Duyệt" id="btnProjectApproved"/>
				<input type="button" value="Huỷ duyệt" id="btnProjectCancelApproved"/>
				<input type="button" value="Cập nhật" id="btnOK"/>
				<input type="button" value="Hủy" id="btnCancel" />
			</div>
		</div>
	</div>

file Edit_Project.jsp

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false"%>
<input id= "edit_ProjectAction" name="edit_ProjectAction" style="display:none"/>
<input id= "edit_ProjectCurrency" name="edit_ProjectCurrency" style="display:none"/>
<input id= "edit_BranchLogin" name="edit_BranchLogin" style="display:none"/>
<input id= "edit_Approved" name="edit_Approved" style="display:none"/>
<table>
    <tr>
		<td>Mã dự án</td>
		<td><input id= "edit_projectId" name="projectId" class="txtInput"/></td>
		<td>Ngày khởi tạo</td>
		<td><input id= "edit_dateCreate" name="dateCreate" class="datepicker txtInput"/></td>
	</tr>
    <tr>
		<td>Trạng thái</td>
		<td><div id= "edit_status"></div></td>
		<td>Tên dự án</td>
		<td><input id= "edit_projectName" name="projectName" class="txtInput"/></td>
	</tr>
	
    <tr>
		<td>Số Cif</td>
		<td><input id= "edit_cifno" name="cifno" class="txtInput"/></td>
		<td>Tên khách hàng</td>
		<td><input id= "edit_cfName" name="cfName" class="txtInput"/></td>
	</tr>
    <tr style="height: 40px;">
		<td>Lĩnh vực đầu tư</td>
		<td><div id= "edit_typeInvest"></div></td>
		<td>Tổng số tiền đầu tư (đồng)</td>
		<td><div id= "edit_totalInvest" class="txtInput"></div></td>
	</tr>
    <tr>
		<td>Vốn tự có (đồng)</td>
		<td><div id= "edit_ownInvest" class="txtInput"></div></td>
		<td>Thời gian cho vay</td>
		<td><input id= "edit_loanTime" name="loanTime" class="txtInput"/></td>
	</tr>
    <tr>
		<td>Ngày hoàn thành</td>
		<td><input id= "edit_finishTime" name="finishTime" class="datepicker txtInput"/></td>
		<td>Kỳ hạn trả nợ</td>
		<td><input id= "edit_term" name="term" class="txtInput"/></td>
	</tr>
    <tr>
		<td>Thẩm quyền phê duyệt</td>
		<td><div id= "edit_approvedtype"></div></td>
		<td>Tiến độ phê duyệt dự án</td>
		<td><div id= "edit_scheduleApproved"></div></td>
	</tr>
    <tr>
		<td>Số ACF</td>
		<td><input id= "edit_facilityid" name="facilityid" class="txtInput"/></td>
		<td></td>
		<td><div id= "edit_listPermitDisb">Dự án được phép giải ngân</div></td>
	</tr>
	<tr>
		<td>Tổng tiền BIDV cam kết tài trợ (đồng)</td>
		<td><div id= "edit_amountbidv" class="txtInput"></div></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td>Văn bản phê duyệt</td>
		<td><input id= "edit_book" name="documentAttached" class="txtInput"/></td>
		<td><input type="button" value="Import" id="btnProject_Import"/>   <a id="btnDownloadBook" title="Văn bản phê duyệt">Download</a> </td>
		<td></td>
		<td></td>
	</tr>
</table>	
<div id="jqxProjectCurrency">
	<div><b>Số tiền BIDV cam kết tài trợ</b></div>
	<div id="grdProjectCurrency"></div>
	<div id="grpButtonCurrency">
            <div>
                <input id="addRowCurrency" type="button" value="Thêm dòng" />
                <input id="delRowCurrency" type="button" value="Xoá dòng" />
            </div>
            <div style="margin-top: 10px;">
            </div>
     </div>	
</div>
<div id="jqxProjectFacility">
	<div><b>Số ACF</b></div>
	<div id="grdProjectFacility"></div>
	<div id="grpButtonFacility">
            <div>
                <input id="addRowFacility" type="button" value="Thêm dòng" />
                <input id="delRowFacility" type="button" value="Xoá dòng" />
            </div>
            <div style="margin-top: 10px;">
            </div>
     </div>	
</div>
<div id="jqxProjectFinac">
	<div id ="edit_projectFinac">Dự án đồng tài trợ</div>
	<div id="grdProjectFinac"></div>
	<div id="grpButtonFinac">
            <div>
                <input id="addRowFinac" type="button" value="Thêm dòng" />
                <input id="delRowFinac" type="button" value="Xoá dòng" />
            </div>
            <div style="margin-top: 10px;">
            </div>
     </div>	
</div>
<div id="uploadFormWnd">
		<div>Chọn tệp Import</div>
		<div>
			<form id="upload_ProjectForm">
				Chọn tệp: <input type="file" id="uploadFile" name="projectFile">
			</form>
			<div class="function-box" style="margin-top: 10px;">
				<input type="button" value="Import" id="btnProject_Upload"
					class="btn" /> <input type="button" value="Hủy"
					id="btnProjectUpload_Cancel" class="btn" />
			</div>
		</div>
</div>

$("#edit_ProjectWnd").jqxWindow(
    		{ position: 'center', 
    			width: 820, height: 700, 
    			maxHeight:1000,
    			maxWidth:1000,
    			resizable: false, 
    			theme: mytheme, isModal: true, 
    			autoOpen: false, 
    			cancelButton: $("#btnCancel"), 
    			modalOpacity: 0.01 
    		});
    $('#projectPanel').jqxPanel({ height: 720, width:  790, theme: mytheme,autoUpdate: true});

When content in panel very heigh then panel does not auto display scroll on firefox

Help me

[DimitarParticipant]

Hi duyhungb5,

We were not able to reproduce the reported issue. A tip we can give you is to use jqxPanel’s refresh method to refresh the panel after you have updated its content.

Best Regards,
Dimitar

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

[Author]

Posts