Paging with toolbar

Suite and Optimus Suite 5
#1

Hi,

I was trying to get grid paging with toolbar. I see statusbar height issue which is not displaying complete statusbar. Please find screen shot as reference to this issue.Can we set increase statusbar height?

My code is

var sb = layout_c.attachStatusBar();
sb.setText("<div id='recinfoArea'></div>");		
gridObj.setSkin("dhx_skyblue");       
gridObj.enablePaging(true, pagingCount, 5, "recinfoArea");
gridObj.setPagingSkin("toolbar", "dhx_skyblue");

statusbar.jpg1231×185 10.1 KB

#2

I have one more question. Is there any way to customize the number of records per page list in the combo on grid toolbar. I want different set of numbers like 10,50,75 100 per page. attached screenshot for reference.

#3

any ideas?

#4

You can configure paging throug setPagingWTMode command, 4th parameter - array of values for page-size select

docs.dhtmlx.com/doku.php?id=dhtm … gingwtmode

#5

That works but how about increasing status bar height to view complete toolbar.

#6

Please try the css for Layout that is attached here:

docs.dhtmlx.com/doku.php?id=dhtm … _to_status

#7

By Adding this CSS, status toolbar looks good but when I click on dropdown list is not visible. To make it visible I had to modify below CSS code height to 125px which looks odd. Is there any way that we can modify code and dropdown list populates above and not below dropdown.

div.dhxcont_global_layout_area div.dhxcont_sb_container_layoutcell div.dhxcont_statusbar {
	height: 125px !important;
	background: none !important;
	border: none !important;
	padding: 0px !important;
	line-height: 14px !important;
}
#8

To make it visible I had to modify below CSS code height to 125px which looks odd

We have not reproduced the problem locally (3.5 version). Please create the ticket in the Members’ Support and attach the complete demo to it.