Support » Plugin: WP Data Access » wpdadiehard shortcode doesn’t show row columns when the down-arrow is clicked

wpdadiehard shortcode doesn’t show row columns when the down-arrow is clicked

  • Resolved dsbking

    (@dsbking)


    3 years, 4 months ago

    Hi Peter,

    On a page with a “wpdadiehard” shortcode in it (see https://wpdataaccess.com/home/demos/shortcodes/demo-shortcode-wpdadiehard/ as an example) if you reduce the viewport size the columns “collapse” and you end up getting one column and down-arrow on the right hand side, which I assume is supposed to show the rest of the row’s data when clicked? This doesn’t seem to be working both on your demo site or my install of the WP Data Access plugin.

    Thanks

    Darren

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    3 years, 4 months ago

    Hi Darren,

    Good point!

    That shortcode uses the original WP_List_Table class from WordPress which was never meant to be used on the front-end. Some plugin users asked for this feature. And now you want to make it responsive…? 🙂 🙂 🙂

    Okay, I don’t mind! But I could need a little help with that. I’m not very good at CSS. If you have any suggestions, I’ll be glad to hear them…

    Best regards,
    Peter

    Thread Starter dsbking

    (@dsbking)

    3 years, 4 months ago

    Hi Peter,

    No, I wasn’t asking for it to be responsive, but the impression that the down arrow gives is that it should be, if you see what I mean?

    Personally, I don’t think the tables I’m creating will work on a mobile device – intentionally – as it’s for exhibit/exhibitor administration and the like, which isn’t really something we envisage to be done from a phone, for example.

    And, as you mention the WP_List_Table class – and checking out some of the admin tables on the WordPress back end – I can now see that this is working exactly the same as them, so no issues with that.

    Thanks for clarifying though, and like I said, it might be worth removing the down arrow from the table as this will save any confusion for anyone else.

    Thanks again,

    Darren

    Thread Starter dsbking

    (@dsbking)

    3 years, 4 months ago

    Hi again,

    I think I might have a quick “hack” that could be implemented to sort this out for you. If you add the class “is-expanded” to all of the table rows then when viewed on a smaller view port the hidden rows will automatically be shown so nothing will be hidden.

    What do you think?

    Darren

    Thread Starter dsbking

    (@dsbking)

    3 years, 4 months ago

    Here’s what it looks like for me if I add the class using the browser’s developer tools:

    https://pasteboard.co/IHiBpqg.png

    Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    3 years, 4 months ago

    Hi Darren,

    Great! 🙂 It even works if you add class “is-expanded” to tbody only. I’ll add this to the shortcode… 😉

    Thanks again for your contribution!!!

    Best regards,
    Peter

    Thread Starter dsbking

    (@dsbking)

    3 years, 4 months ago

    Hi Peter,

    That’s awesome! Glad to help 🙂

    Darren

    Plugin Author Passionate Programmer Peter

    (@peterschulznl)

    3 years, 4 months ago

    Hi Darren,

    It took me hours to make the list table responsive, just to find out that I was missing one line of JS and one line of CSS code… 😉 Anyway, it works now! It is available in the next release. If you want to use it right away you can download the latest release from Bitbucket.

    This was a topic I had in mind for the far future. Thanks to you it’s available now.

    Thanks,
    Peter

    Thread Starter dsbking

    (@dsbking)

    3 years, 4 months ago

    Hi Peter,

    Oh no! I hate it when things like that happen!

    I’ll download from Bitbucket this evening and give the new code a spin.

    Thanks again for such a great response to our tickets.

    Darren

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘wpdadiehard shortcode doesn’t show row columns when the down-arrow is clicked’ is closed to new replies.

Views