containers

User 315488 Photo


Registered User
90 posts

Is it possible to wrap a container (column or subgrid) with an anchor tag so the user can click anywhere in the container to access the linked page - without doing it AFTER exporting the site?

Here is an example of a page where I have that functionality. I coded this manually and it works very well, but I don't see anyway to do this in RSD.
http://upc.utah.gov/training.php
Here is the code for one of the cards on the page:
<article class="card">
<a href="training-nag_human_trafficking.php">
<figure class="centered">
<img src="images/Calendar-icon.png" alt="Human Trafficking conference"/>
</figure>
<div class="card-content">
<h2>Human Trafficking</h2>
<p>Date: January 28-29, 2016</p>
<p>Salt Lake City Council Chambers<br />
2001 S State Street<br />
Salt Lake City, Utah
</p>
<p><em>Tuition-free training for prosecutors and investigators on Human Trafficking.</em></p>
</div>
</a>
</article>


I edit my pages frequently (especially the training ones) and it is a real pain and a time waster to have to manually insert the anchor tags on every container / section / column that needs one.

Is there anyway to do this in RSD?

Thanks,

Ron
User 187934 Photo


Senior Advisor
20,188 posts

You could use jQuery
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 315488 Photo


Registered User
90 posts

I'm not comfortable with jquery to accomplish this so I tried just editing it in. I've uploaded it to my development site and it sort of works, but with an odd side effect.
Here is the link to the page:
http://upc.at.utah.gov/training-main.php

Only the first one has a link that wraps it, but it won't work at all if I wrap the entire container, so I just wrapped the contents under the picture (which is a picture link - might be part of the problem).
The side effect is that it changes the address text to a different color (a blue-ish color) and then changes it back to normal on hover over it.

All of the address elements have the same class, but only the one contained within an anchor tag is changing. I'm guessing that it has something to do with styling somewhere else that I can't find or change.

I tried wrapping it around the entire container, but that didn't work at all.

It's hard to explain, but please take a look at it and if you have any ideas, I would appreciate if you would share them. I decided I don't mind editing it to put in the anchor tag as this page is relatively stable and only changes once per year. Still, it's not quite working.
Thanks,
Ron
User 379556 Photo


Registered User
1,535 posts

It may be of interest to note that both Responsive Foundation Framer and Responsive Bootstrap Builder have an element called 'Link Container'. It is not a container into which one puts links, but is a container the whole of which is itself a link. That seems pretty well what is sought in this thread.

I wonder whether RSD 2 will have a similar element.

Frank

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.