jQuery UI Widgets Forums Layouts Splitter jqxSplitter Fixed Position Panel

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 3 years, 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • jqxSplitter Fixed Position Panel #83378

    rao
    Participant

    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.

    Image

    Regards,
    Rao.

    jqxSplitter Fixed Position Panel #83394

    Dimitar
    Participant

    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/

    jqxSplitter Fixed Position Panel #83396

    rao
    Participant

    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.

    jqxSplitter Fixed Position Panel #83417

    Dimitar
    Participant

    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/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.