Drop Down Descriptions within table rows

Hi,

thanks for your question, and sorry for the trouble.

Do you mean something like https://tobias.baethge.com/2009/07/expandhide-accordion-feature-explained/ where clicking on something reveals more information?

Regards,
Tobias

Yes sir! Exactly! Thank you!

Sir,
Does the CSS section need to be in the CSS link in the table?
…and would there need to be something in the CSS for each cell that would have a drop down description?
Thank you,

h3 {padding-top:10px; border-top:dashed gray 1px; cursor:pointer;}
h3 span {display:none;position: absolute; right: 10px; font-size: 12px; color: gray;}
h3.slidehidden .expand {display:inline;}
h3.slidehidden .hide {display:none;}
h3.slidevisible .expand {display:none;}
h3.slidevisible .hide {display:inline;}

Hi,

it should be sufficient to add this CSS code to the “Custom CSS” text field on the “Plugin Options” screen of TablePress.

The place where you added it now should also work, but you have to paste it after the */ (which closes the comment text).
And then you will have to add the necessary HTML code inside the table cells.

Regards,
Tobias

Dear Tobias,

I have added the CSS code to the Custom CSS on the Plugin options and also the HTML code in the proper row cell but the expand/hide is not working.

Please advise, thank you
ebentgen

Hi,

just the CSS and HTML is not enough. You will also have to add the mentioned JavaScript code.

Regards,
Tobias

Dear Tobias,

I understand but cannot find a page.js in my wordpress theme. Would it be under another name? I assume once I add the code I will need to upload the updated theme info to wordpress?

Many thanks for your assistance…and yes I will buy you a cup of coffee.

Emily

Hi Emily,

you will not find page.js in your theme, but you have to create it and fill it with the JS code from the link.

Regards,
Tobias

Hi Tobias,
I think I have all the pieces put together but not quite sure where the .js page goes. I wasn’t sure if I add the page to the header or footer in WP or if the page is uploaded through the theme to specific folder. I have a dunamis theme and this theme works differently than other WP themes I use.

Thanks,
Emily

Hi,

you can place the page.js file anywhere on your server, e.g. simply in /wp-content/page.js
Then, to load the file, just add the HTML code

<script src="/wp-content/page.js"></script>

directly below the table’s Shortcode on the page where you want to use this.

Regards,
Tobias

Hi Tobias,

I guess I will need to put this project on hold for now as I do not have access to the files on the web server (need to upgrade the plan). unless there is another way to post the .js file.

Best and Happy New Year
Emily

Hi Emily,

ah, bummer. I’m a bit surprised though: If you don’t have access to the files (via FTP) how have you been installing themes and plugins?

Regards,
Tobias

The theme was installed before I took over the site. The Plugins I install are through WordPress within the theme…unless there is another way through wordpress to add the .js

Best,
Emily

Hi Emily,

I can’t really think of an easy way ?? Editing existing files is possible, but I don’t think that there’s an option for adding one. Sorry.

Regards,
Tobias

I can edit pages, etc…everything in the admin but I cannot access the cpanel to upload files. I can add lines to CSS in WordPress. I’m not happy with the template I have but that’s what the church bought. I will upgrade to get the cpanel option next week.

Many thanks for all your help.
Emily