How to wrap FCE container with link?

Question

I have an FCE (Flexible Content Element) that has a container ROOT as usual and I want to wrap it with a link from a "link field" inside the FCE.

The issue is that the "Container for Elements" data structure doesn't have the field "Custom stdWrap" so I'm not able to easily add typolink.parameter.field = field_link.

So how can I wrap the main div (mapped by Container for Elements) in a <a href>|</a> using as link one of the link fields inside the FCE?

And I'd like to integrate this in the FCE itself not adding external typoscript.

Image of the templatevoila mapping. I wish to wrap the container ROOT with a <a href></a> using as link the URL element's value.

Can you post your code? Can you change the default typoscript? — Micromega
I'm doing the mapping with templavoila so there isn't any code "per say"...at least I don't think there is — out_sid3r

Upvote Upvote · Accepted Answer · 2012-09-26T13:56:01

You cannot link the root element of a FCE There are a couple of workarounds.

First you could define a MAPPED link, that creates a a tag in html inside the fce. Stretch the a tag so that it matches the dimensions of the wrapping root. This is a pure css solution. The a tag has to be positioned within its container absolutely to acomplish this.

For the other solution you need TWO FCE. One containing the link and an content element. The field you mapped as content element will hold your second fce with background image, text and caption.

How to wrap FCE container with link?

1 Answers