Edit Record in WP Admin

Are you sure that is the correct screenshot? It’s something about setting up email forwarders.

In general, if the tabs aren’t working in the admin, you’ve got some kind of javascript conflict with another plugin. You can guess which one is causing the problem if it also sets up a tabbed interface in the admin, but really, any plugin could do it if not properly coded to avoid interfering with other plugins.

The way to tell is to progressively deactivate plugins until the problem goes away.

I need to go back to bed!! Yes, wrong screenshot. Are you able to remove that link in the previous post for me?

Let me do some investigating and see if I can figure where the conflict may be.

I will let you know.

Thanks!!!!

Well, it is not a plugin. I did figure out that is the size of area to put the from. I can scroll and see all the fields

I think it is in this:

class=”wrap pdb-admin-edit-participant participants_db ui-tabs ui-widget ui-widget-content ui-corner-all”

The wrap/box is too small.

Are you able to suggest some css to increase the vertical size of that class/box.

I confirmed that these are the correct screenshots. ??

https://www.rpstparents.org/ppdb/wp-content/uploads/sites/8/2018/08/Screenshot-2018-08-24-16.00.28.png

https://www.rpstparents.org/ppdb/wp-content/uploads/sites/8/2018/08/Screenshot-2018-08-24-16.00.42.png

I appreciate your help!

Sorry for all of the posts/replies. I love to dig around and see if I can figure it out (new developer – haha!)

I found on inspect, that if I change the height from 28px to 500px in the below element, on the screen I can see it.

<div class=”field-group field-group-personal ui-tabs-panel ui-widget-content ui-corner-bottom” id=”field-group-personal” aria-labelledby=”ui-id-1″ role=”tabpanel” aria-hidden=”false” style=”height: 500px; overflow: auto;”>

This is my CSS.

.field-group-personal.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
height: 500px important!;
}

I can see it now. If you know better css for this, let me know.

If that what works, you should use it, but it’s not really addressing the problem.

That div element is not normally given a specific height by the Field Group Tabs code. This is so it can expand to contain it’s content, which is going to be different for each tab.

So, it looks to me that some other javascript is setting the height of that div. If you can’t find what is doing that (that may be difficult to do), then you may have to resort to your fix, but you’ll find it doesn’t work very well because of the different heights of each tab’s content.

You may find that CSS that basically nullifies the height set by some other script works better, also using a selector that will get all the tabs with a single rule…something like this:

.pdb-admin-edit-participant .field-group {
   height: inherit !important;
} 

Participants Database has a place in the Custom CSS settings where you can put CSS that is active in the admin.