jqxSplitter Fixed Position Panel

[raoParticipant]

Hi JqWidgetTeam,

We are using jqxSplitters in our web application.
We use vertical splitter to have a Navigation panel at left side.
Right hand side, we again use horizontal splitter to show Elements in jqxTreeGrid Table, and in Bottom Panel to see it’s Data/Details/Content.

In the Bottom Panel we have one Action Buttons Panel(div) as well. This always floats at the bottom (same as TaskBar in Windows OS).
For this panel style used as “position: fixed” and other relevant styles.
If details section has more data, we get scroll bar which scrolls up the data behind the buttons panel.

So far the implementation works good with IE & FF but NOT with Chrome (v49).

If we act on vertical splitter the “buttons panel”(div), is not getting auto aligned to splitter (unlike bottom panel).

Is there any limitation in using the jqxSplitter on chrome browser?

Please refer the below image for detail.

Regards,
Rao.

[DimitarParticipant]

Hi Rao,

The provided image is not visible.

There are no known issues with jqxSplitter in Chrome. The issue you experience may be due to your custom styling. You may take a look at one of our help topics that showcases a similar scenario: http://www.jqwidgets.com/fluid-layout-with-fixed-header-and-footer/.

Best Regards,
Dimitar

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

[raoParticipant]

Hi Dimitar,
Thanks for the quick response on this.
I have created an example on jsfiddle, Please refer below link for the same.
https://jsfiddle.net/raokantipudi/cq9scLt6/#&togetherjs=oQLonol7Vg

(OR)
http://jsfiddle.net/6ewsLfn4/

A) Try to act on vertical splitter. (Try to increase/decrease left panel width; and observe the Buttons panel )
B) Try accessing it from FF / IE browser, it works
C) Try accessing it from Chrome it DOESN’T,

With Chrome, you can see the Buttons panel starts from left most end of Green panel, rather left end of second panel.

Regards,
Rao.

[DimitarParticipant]

Hi Rao,

I am not sure why the issue occurs, but it seems it is related to how Chrome handles the fixed position of the .bPanel div. I, however, suggest that you move it out of the splitter and synchronize it with the position of the vertical splitbar on the resize event of #jqxSplitter.

Best Regards,
Dimitar

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

[Author]

Posts