Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>It is a bug in Tridion. One work-around that I suggest (and have implemented in our particular installation) is to do the following:</p> <ol> <li>Edit the FormatAreaStyles.css file (found in the Tridion CMS program files) — as well as your CSS file used by the website — to include a class like this: </li> </ol> <p><code>.hiddenanchor { width:1px; height: 1px; display: block; text-indent:-50000px; }</code></p> <ol> <li>Publish out your CSS file (with the new class) so that it'll format your anchors properly.</li> <li><p>And then in the component where you are building out the anchors, you will have to: </p> <p>a. type a word or series of words in your component (where you want the target to be),</p> <p>b. select that text, and apply the anchor tag to it, </p> <p>c. then apply the new class you've created (.hiddenanchor) to the anchor.</p></li> </ol> <p>In the end, your "invisible" anchor would look like this:</p> <pre><code>&lt;a name="anchorname" id="anchorname" class="hiddenanchor"&gt;Anchor Name&lt;/a&gt; </code></pre> <p>It's a crude work-around — fully acknowledged. But it works. You don't end up with the hyperlink/underline styling until the close of the next DOM object. </p> <p>As an explanation to the CSS, the anchor technically has to be visible in the DOM for it to work and to be accessible by the anchor link. So "display: none" won't work. Alternatively to taking the text-indent approach, you could absolute or fixed position the text off the screen as well.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload