• Resolved goettel

    (@goettel)


    Is there any way to make the whole event list line clickable so that clicking it opens the URL, much like the name of the event does using the placeholder #_EVENTLINK?

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • You can do something like this:
    <a href="#_EVENTURL">#_EVENTNAME - #_24HSTARTTIME - #_LOCATIONNAME</a>

    The #_EVENTLINK is actually a shortcode for:
    <a href="#_EVENTURL">#_EVENTNAME</a>

    Thread Starter goettel

    (@goettel)

    OK!

    So this is the code I have now (I would wish to keep the rest of the format, so it comes down to making the #_EVENTIMAGE link to the event URL:

    <tr>
    <td>
    #_EVENTDATES<br/>
    #_EVENTTIMES
    </td>
    <td>
    #_EVENTIMAGE{100,100}
    </td>
    <td>
    #_EVENTLINK
    </td>
    </tr>

    <tr>
    <td><a href="#_EVENTURL">#_EVENTDATES<br/>
    #_EVENTTIMES</a></td>
    <td><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a></td>
    <td>#_EVENTLINK</td>
    </tr>
    Thread Starter goettel

    (@goettel)

    Fantastic – that did it!

    Thread Starter goettel

    (@goettel)

    Just a thought – any way to make the whole space inside the table clickable? Now the time, image and name are clickable, but not the spaces in between.

    Really appreciate your help!

    Let me explain… “Clickable”
    You can assign a link to any html object. Depending on how you format it, that part/area will be “clickable”. You need to see your lay-out in sort of layers:
    Background -> page-background -> table -> table row (tr) -> table cell (td) -> top layer (text and images).

    So, if you want to “make the white part clickable” you are actually trying to make the <TR> clickable (the complete row).

    <table>
    <a href="#_EVENTLINK">
    <tr><td>Event #1</td><td>Info #1</td></tr>
    </a>
    </table>

    Everything wrapped between <a href> and </a> will be included in the hyperlink.

    Thread Starter goettel

    (@goettel)

    Ok, thanks. Can’t get it to work with the present code I have now, however:

    <tr>
    <td><a href="#_EVENTURL">#_EVENTDATES<br/>
    #_EVENTTIMES</a></td>
    <td><a href="#_EVENTURL">#_EVENTIMAGE{100,100}</a></td>
    <td>#_EVENTLINK</td>
    </tr>

    Hello,
    What about?

    <table>
    <tr onclick="document.location ='#_EVENTURL'">
    <td>#_EVENTDATES<br/>
    #_EVENTTIMES</td>
    <td>#_EVENTIMAGE{100,100}</td>
    <td>#_EVENTLINK</td>
    </tr>
    </table>

    I am currently using this trick, it’s maybe not the best, but it works.

    • This reply was modified 6 years, 4 months ago by ArtDbc.
    Thread Starter goettel

    (@goettel)

    Thanks, but for some reason doesn’t work for me and messes up the design for the list.

    Do you have a link?
    I’m not an expert, but if I can help.

    Thread Starter goettel

    (@goettel)

    This is how it looks right now (and the way I want it to look, besides making the whole row clickable):

    https://scandinavianchurch.org.br/eventos/

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Making whole event list line clickable’ is closed to new replies.