Need CSS For Grid Toolbar Paging (4.0.3) Link on Site Fails

Suite and Optimus Suite 5
#1

At the bottom of this page (http://docs.dhtmlx.com/grid__paging.html) there are 3 links for downloading the extra CSS files needed for toolbar paging in an Accordian, Layout, and Window. Those links are not working. If anyone has them can you please attach them in a reply? Thank you.

I need the version that goes with DHTMLX Pro version 4.0.3. (the latest version at this time)

#2

You can grab files from this page
docs.dhtmlx.com/3.6/doku.php?id= … _to_status

They wasn’t updated to dhtmlx 4.0 though.

#3

I already tried those files, they don’t work. The paging toolbar still doesn’t look right. See the image below. The height looks off and there are gaps on the left and right side.

paging_toolbar.jpg836×198 36.2 KB

I noticed in the samples (dhtmlx.com/docs/products/dhtmlxG … usbar.html) they do this when attaching the statusbar…

// attach status bar
myTabbar.tabs("a1").attachStatusBar({
     height: {dhx_skyblue:30, dhx_web: 31, dhx_terrace: 40}[skin],
     text: "<div id='pagingArea'></div>"
});

That fixes the height, but not the padding. Is there a way to fix the padding this way? I prefer this way over including a new .css file because this way effects ONLY that specific panel’s status bar, not all the status bars. See this post for what I mean (viewtopic.php?f=5&t=36943&start=0).

#4

Hi

you need update your css

replace tabbar
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar

with layout
.dhxlayout_base_dhx_skyblue div.dhx_cell_layout

#5

Please, try to use the following solution.

  1. there is no need to include the custom css.
  2. Please, try to increase the height of the statusbar with the following css:
    .dhxlayout_base_dhx_skyblue div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
    height: 31px;
    }
  3. remove the border of the paging container:
    #pagingArea{
    border: none;
    }
#6

sematik,
That worked. It looks perfect. :mrgreen: So is this a bug or something I’m doing wrong? Will it be fixed in future updates so I can remove this CSS code from my page? Also, this CSS change now globally messes up normal status bars. This was a problem in the previous version of DHTMLX also. See this post: viewtopic.php?f=5&t=36943 (I sent a complete demo but never heard back). I’m surprised no one else has ever mentioned this. I would think it would pretty important to be able to do normal toolbars and pagination toolbars on the same page.

Thanks!

toolbars.jpg805×396 89.9 KB

#7

Unfortunately this is the bug, but it can’t be fixed now.
The provided css won’t be included in the official version, as changing the css (as you mentioned) the normal statusbar looks weird.
So, the situation is:
If you need to use the paging in statusbar - add a css, and all your statusbar will be higher.

Unfortunately there is no other way at the current moment.