Potential bugs with sliding panels on Skuid Platform

edited October 15, 2019 in Questions
I'm having trouble with sliding panels on Skuid Platform and think they might be bugs.

1.) I have a sliding panel with a template and a button set. I have the sliding panel set to "Close when user clicks outside of panel". However, when I click anywhere in the sliding panel the panel is closing. I believe the intended functionality is to be able to click anywhere inside the panel including on a button in the button set?

2.) As a workaround to #1, I turned off "Close when user clicks outside of panel" and I added a button with an action to "Close all sliding panels". However, when the button is clicked, nothing is happening.

Any insight is appreciated.



  • edited October 15, 2019
    I have experienced these same issues and have kind of abandoned sliding panels and gone back to pop ups. Particularly if I have more than one sliding panel in a page ( like two row buttons where each button opens a sliding panel), I get bad results.
  • edited February 25, 2019
    Same with me, and especially experienced weird or non-responsive behavior when used in IE in particular.
  • edited October 30, 2017
    Thanks Raymond and Chandra - good to know it's not just me.

    Skuid - is this something on your radar to tighten up? I like the user experience of sliding panels, so would rather use a sliding panel vs a pop-up in some circumstances.
  • edited November 1, 2017
    For anyone reading this post in the future. I figured out there is a CSS class called "nx-page-clickcatcher". It appears that this class should have a margin that is equal to the position and width of the slider.

    For example, I have a left aligned slider that is width of 225px. The following in-line CSS snippet makes the slider clickable and everything appears to work as advertised.

    .nx-page-clickcatcher {
        margin-left: 225px;

    Hope this helps...
    - Andrew

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!