how to make an entire row clickable?

  • Resolved gleblevin

    (@gleblevin)


    6 years, 6 months ago

    I am experiencing a problem, in the event manager for some reason only a title of the event in the event list is clickable, and I am getting a lot of complains from users that they can not open the page of the event and the problem is, that all of them are clicking on an instinct level on the row of the event and not on the name. For us it is very important to some how fix this problem to maximally ease up the process for our participants to learn about the event and potentially to register for it. I am pretty sure that there is way through a php or css. Our website is build using the Divi theme and I have customised so many things and this is literally the only thing I could not find an answer to. I would greatly appreciate it if someone could help me solve this mystery! +10 karma points!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    Since you’re using a table view, you could use a jQuey to trigger and click the entire table row. Another way is to change the format of content and ung anchor tags to wrap them all. In case you want the whole row to be clickable, here’s a small script that might work.

    You will need to add those script on a js file of any custom location where your theme accepts a javascript code

    
jQuery(document).ready(function() {
jQuery( 'table.events-table tbody tr' ).on( 'click', function() {
var link = jQuery(this).find( 'a' ).attr('href');
window.location.href = link;
} );
});
    • This reply was modified 6 years, 6 months ago by timrv.

    removed content
    because I couldn’t get my example to work after more testing..
    apologies

    • This reply was modified 6 years, 6 months ago by Robswaimea.
    • This reply was modified 6 years, 6 months ago by Robswaimea.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to make an entire row clickable?’ is closed to new replies.