Grid in clobbers scrollbar theme

[aserlangerParticipant]

Hi – I have a vertical scroll bar nd a grid both defined with the theme ‘energyblue’.

$(“#jqxVerticalScrollBar”).jqxScrollBar(
{ theme: ‘energyblue’, width: 18, height: 800, min: 0, max: 1000, vertical: true }
);

and

$(“#jqxgrid”).jqxGrid(
{
theme: ‘energyblue’,
width: 1500,
height: 800,
source: dataAdapter,
etc.

If I have the elements defined in html like this:
<div style=’margin-top: 10px;’ id=’jqxVerticalScrollBar’></div>
<div style=”margin-left: 30px; float: left” id=”jqxgrid”></div>
The scroll bar keeps the correct theme but obviously this is no good as it ends up positioned above the grid.
If I have the elements defined like this:
<span style=’margin-top: 10px;’ id=’jqxVerticalScrollBar’></span>
<span style=”margin-left: 30px; float: left” id=”jqxgrid”></span>
The elements are positioned ok but the theme for the vertical scroll bar is apparently clobbered, meaning it has a white background and arrows instead of blue like the grid scroll bar has.

Is there a way to correct this?
Thanks

[Peter StoevKeymaster]

Hi aserlanger,

What exactly are you trying to achieve? jqxGrid has built-in scrollbars and other scrollbars cannot be used with it.

Best Regards,
Peter Stoev

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

[aserlangerParticipant]

I am trying to have a scroll bar on the left hand side of the grid, for which as I have previously pointed out rtl does not do the job I have a methodology that I believe can be used to keep the two in sync. This should not be a big deal no matter what I am using the scroll bar for and the grid should not be interfering with the style of the scroll bar.

[aserlangerParticipant]

For anyone else – found the fix which is simple. Use float left on both div sections as in

<div style=’float: left’ id=’jqxVerticalScrollBar’></div>
<div style=”margin-left: 8px; float: left” id=”jqxgrid”></div>

[Author]

Posts