List Container OnClick Event

API & Custom Code
3

Hi @Brian1 you’ll need to add some Javascript - we’ve done this a bit as you’ve discovered it’s natural for many users to click anywhere on the card. I’ve guessed from your CSS the view number and card link inside the item container - so there might be some testing needed from my air code to get the selector right:

$(document).on('knack-view-render.view_2234', function(event, view, data) {
    $('#view_2234 .kn-list-item-container').click(function(e) {
        window.location = $(this).find('.kn-link-page').attr('href');
    });
});

To help users have the hand cursor appear when hovering over each card:
#view_2234 .kn-list-item-container {cursor: pointer;}

Brad

1 Like