Jump to content
telepet

Header Row Obscures Editing Options

Recommended Posts

I've enabled editing functionality for a search results page.  When attempting the edit, the editing options are underneath the header row, making the editing options hard to see (see attached image).  In Chrome I can inspect the editing options window, adjusting its z-index from 100 to an arbritary 1200 and that brings the editing options window forward to the front.  However, I can't figure how to adjust this in Caspio.  

 

In my Caspio style source, I've experimented with the below z-index adjustment, but it hasn't worked:

{
                /*Results Page Grid Edit Action Container Attributes*/
                text-align: left;
                vertical-align: middle;
                padding: 0px 3px 0px 3px;
                white-space: nowrap;
                margin: 0px;
                border: none;
                width: auto;
                z-index: 1200;
}

 

z_index_issue?.png

Share this post


Link to post
Share on other sites

I've experimented with different browsers, Safari & Chrome, with the same results.  Turning off sticky headers seems to fix the issue, but then you don't have awesome sticky headers.  My next step is to take a look at my site's CSS...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...