overlap issue with sliding panel and table column control

edited March 2019 in Problems
Hi-

I have a table in a top sliding panel. When the table column adjustment pop-up is triggered by user it actually shows up under the sliding component effectively hiding the ability to make mods or consequently close either the pop-up or panel.

I know the header overlap issue was just fixed but I haven't seen this mentioned before.
image

Comments

  • edited March 2019
    The Panel Set component is no longer supported. We certainly recommend switching to responsive grids instead.
  • edited March 2018
    Ah! I didn't see the deprecation. My bad. In this case any rough ideas for starting point to emulate that? Is there a post? Thanks for all you do.
  • edited March 2018
    I'm sorry. I completely misread that. The Panel set has been deprecated. The sliding panels are totally great.

    Yes, right now if you open a pop up from a sliding panel, it'll show up behind the sliding panel.

    The best way to get around this right now is to use custom CSS like in this XML page:

    <skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true">
        <models/>
        <components>
            <buttonset uniqueid="sk-2wDMFM-190">
                <buttons>
                    <button type="multi" label="Slide" uniqueid="sk-2wDMdM-196">
                        <actions>
                            <action type="openSlidingPanel">
                                <panel title="Sliding Panel Contents" uniqueid="sk-2wDQGG-217" size="85%" origin="bottom" closeonpageclick="true" behavior="overlay">
                                    <components>
                                        <buttonset uniqueid="sk-2wDUwF-232">
                                            <buttons>
                                                <button type="multi" label="Pop Up" uniqueid="sk-2wDVEx-239">
                                                    <actions>
                                                        <action type="showPopup">
                                                            <popup title="New Popup" width="90%">
                                                                <components>
                                                                    <buttonset uniqueid="sk-2wDaBC-273">
                                                                        <buttons>
                                                                            <button type="multi" label="Close Pop Up" uniqueid="sk-2wDa_m-278">
                                                                                <actions>
                                                                                    <action type="closeAllPopups"/>
                                                                                    <action type="closeSlidingPanel"/>
                                                                                </actions>
                                                                            </button>
                                                                        </buttons>
                                                                        <renderconditions logictype="and"/>
                                                                        <conditions/>
                                                                    </buttonset>
                                                                </components>
                                                                <afterclose/>
                                                            </popup>
                                                        </action>
                                                    </actions>
                                                </button>
                                                <button type="multi" label="Close Sliding Panel" uniqueid="sk-2wEw7L-311">
                                                    <actions>
                                                        <action type="closeSlidingPanel"/>
                                                    </actions>
                                                </button>
                                            </buttons>
                                        </buttonset>
                                    </components>
                                </panel>
                            </action>
                        </actions>
                        <hotkeys/>
                        <renderconditions logictype="and"/>
                        <enableconditions/>
                    </button>
                </buttons>
                <renderconditions logictype="and"/>
            </buttonset>
        </components>
        <resources>
            <labels/>
            <javascript/>
            <css>
                <cssitem location="inline" name="dialogFix" cachelocation="false">.ui-dialog {
        z-index: 1000 !important;
    }</cssitem>
            </css>
            <actionsequences/>
        </resources>
        <styles>
            <styleitem type="background" bgtype="none"/>
        </styles>
    </skuidpage>
  • edited March 2018
    We're working on improving the product to where Skuid can recognize which one is opened last and put +1 to it's Z-index. I'll alert you here when that is fixed
  • edited March 2018
    Thanks. I was able to make that work for the page include!
  • edited March 2018
    The latest news regarding this is that Skuid will be reverting back to brooklyn behavior first (where pop ups always are on top of sliding panels), then later, skuid will release an update where the +1 Z-index mentioned above is added to the product.
  • edited March 2018

    Hello Skuid Community ~

    This has been addressed in the new Millau 11.1.7 release which is now available on the Skuid Releases page.

    We have reverted back to an older method of handling sliding panels and pop ups. Pop ups will always appear above the sliding panel. A future release of Skuid will have this functionality be dynamic where the next one opened will always be on top.

    As a reminder, Salesforce does NOT allow reverting back to prior versions of managed packages. Skuid always recommends installing new versions in a non-business critical sandbox environment to test all mission critical functionality before installing into a production environment. We also recommend that you update out of date themes when you upgrade.

    Please be reminded to read this version’s special release notes here.
Sign In or Register to comment.