Formatting assistance

Hi,

thanks for your post, and sorry for the trouble.

For some general first advice, please see the styling examples at https://tablepress.org/faq/

Then, for specific things, can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hey Tobias, the site is offline with a plugin to keep people away until it launches. Because of this I’ll have to try things and then report back.

Follow this link to the page I want to emulate. It’s about half way down.

[ Short link deleted and expanded into the link field ]

I didn’t see options in the FAQ for doing the popup or redirect after selecting an item. I cheated and was able to get most of the formatting copied over so I can adjust that now.

• This reply was modified 3 years, 5 months ago by t-p.
• This reply was modified 3 years, 5 months ago by jtoney7852.
• This reply was modified 3 years, 5 months ago by Jan Dembowski.

Side note: @jtoney7852 Don’t use short links here, they get expanded when found. I’ve expanded yours into the link field.

That field does not get scraped and is only viewable to people logged into the forums.

Hi,

thanks for the link! Achieving this styling is possible with the examples from the FAQ, for example. Essentially, you will need to add the CSS code that changes the colors.

That popup/overlay that is opening when clicking on a row seems to be a custom solution for this site. This is no a standard TablePress feature. My suggestion would be to inspect the page’s JavaScript code to achieve something like that.

Regards,
Tobias

There is something done with a modal popup but its called a unique name. I don’t know enough about where to look to find what was added. I found code on a custom .css which is located here. https://starwarsautographnews.com/?custom-css=fa74c3bdba

I have never worked in javascript so I need pointers on where to go and what to do. I can use a modal builder but I still need to find out what code is causing that window to open to begin with.

Hi,

yes, that’s the CSS code that seems to be used for styling parts of the table and that popup overlay. That popup is created dynamically with JavaScript, from the file https://starwarsautographnews.com/wp-content/uploads/winp-css-js/10842.js as far as I can tell. This seems to be a very customized solution, so that I’m not sure if this will really help you… Maybe you could try finding a plugin that can create such overlay popup. Usually, only a small piece of code is then necessary to have that open when a table cell is clicked. Likely, there will be content duplication though, in the sense that such a plugin will probably not be able to directly use the data from the table in the popup, but would need its own configuration and copy of the data.

Regards,
Tobias

I dont think its duplicating content. I believe whatever the code is, its reading the original table and importing those values to the popup.

Hi,

yes, the custom JavaScript solution on this page is reading the original table. My remark about duplicating content was aimed at using a separate popup plugin – these will likely not be able to directly read the data from the table.

Regards,
Tobias