How to make Anchors work?

Permalink
I am new to concrete 5 and trying to figure out the anchors.
I inserted anchors throughout a page and then tried to make links at the top of the page to jump down to the anchors. When I click on the hyperlink box however, no anchors show up in the drop down menu.

What did I do wrong?

 
frz replied on at Permalink Reply
frz
hmm. I've had no trouble doing this with the Content Editor.

When I do it, I do have to make the anchors first, exit edit mode,
then come back in and the anchors are available.

best wishes

Franz Maruna
CEO - concrete5.org
http://about.me/frz
synergeticrealty replied on at Permalink Reply
I tried that already with no luck.

So In the text editor i put the cursor before the words, clicked the anchor, then gave it a name.

Did I enter the anchor incorrectly?

Then I go to a link that is already linked to that page and highlight it, then edit the hyperlink and no anchors are available but the correct URL is showing.

Any thoughts?
frz replied on at Permalink Reply
frz
I think you may need to exit edit mode after making the anchor and
before expecting the available anchor list to update.

I just gave it a shot on an Instant Setup here and that worked for me.

best wishes

Franz Maruna
CEO - concrete5.org
http://about.me/frz
AngusHume replied on at Permalink Reply
AngusHume
Anchors don't show in the dropdown for me either.
twogirls replied on at Permalink Reply
Me neither. I've done it before, but without content in different blocks. Maybe you can't have anchors from one block to another?
AngusHume replied on at Permalink Reply
AngusHume
I did not think of that. You're are right, I just tested within a block and it works fine, but to another block on the same page it does not. Same in 5.4.2.2 and 5.5.1. Surely that counts as a bug?
twogirls replied on at Permalink Reply
Me neither. I've done it before, but without content in different blocks. Maybe you can't have anchors from one block to another?
flerchjj replied on at Permalink Reply
I believe everyone may have been trying to link from one block to another. This does not work in the Context Editor. Individuals need to switch the Context Editor to html mode and type in the links and anchors manually.

I agree that the Context Editor will make anchors and links within the same block using the gui, but this is highly limited and far from the desired behavior. I think most people would also expect the anchor hyperlink drop-down to update without exiting the editing mode.

Regards,
J
flerchjj replied on at Permalink Reply
It's a bug with the Content Editor. It does not update the hyperlink drop-down with anchors made in other blocks nor does show where the anchors you made are while in editor mode (this would be really useful).

Switch the Content Editor to html mode and you can manually enter anchors and anchor links. This will allow you to link to other blocks as well.

<a href="#anchor_name">This is a link to an anchor</a>


<a name="anchor_name">This is the anchored text!!</a>
jerrytoga replied on at Permalink Reply
Thanks heaps for this, Flerchjj - that just saved me a lot of stuffing around. Thumbs up to you.
jerrytoga replied on at Permalink Reply
Hey Flerchjj, gonna pick your enormous brain again...

I did what you suggested, and it sorta worked, but...

If just click on the link, it does NOT take me to the anchor text.

However, if I RIGHT click on the link, and choose "open in a new tab", it DOES show the correct anchor text (in a new window).

Can you make head or tail of that?

I don't know if it has anything to do with it, but the </a> in the anchored text code keeps changing positions whenever I go out of edit mode. When I come back in, it reads:
<a name="anchor name"></a>This is the anchored text.


Rather than:
<a name="anchor name">This is the anchored text.</a>


Hope this makes sense - thanks flerchjj!!
Ekko replied on at Permalink Reply
Ekko
Try this instead.

Create your anchor and give it a name. Go to what you want to link to that anchor and enter this as a linkhttp://yoursite.com/page-the-anchor-is-on#AnchorName....
workndawg replied on at Permalink Reply
workndawg
Thanks Ekko this was the answer that clicked for me.

Here's my example
Nothing but the full url with the # and anchor name: POOL INCLUDES

simplynaturalpools.com/design-options/small-yard-specials#POOL INCLUDES

And as mentioned, done in the "source code" feature instead of using the "link" creator button.
flerchjj replied on at Permalink Reply
<a name="anchor name"></a>This is the anchored text.

or
<a name="anchor name" />This is the anchored text.

Are probably better ways to write the anchor, and the link should jump to right after the anchor (Right before the letter "T" in this example). I could see the original way I wrote it not behaving consistently, but it looks like the editor just cleaned it up a bit.

Do you have a link to your example or some screenshots? Does the page move at all when you click the link? Also I was assuming the anchor was on the same page in the same or a different block as the link. Ekko's suggestion will let it work across different pages.

The fact it only moves to the correct location when you open a new tab is odd. It shouldn't matter, but I'm curious what browser(s) you're using.
Steevb replied on at Permalink Reply
Steevb
Try this...

This is a link: <a href="#design" title="Design">Design</a>


This is where you end up: <a id="design"></a>

If you want another section or page just add the relative path.

We don't use 'name' anymore
jerrytoga replied on at Permalink Reply
Hi all! Sorry about the delay getting back into this, off sick.

Flerchjj I am using Firefox: wonder if that's the prob. Lemme know if you still want screen shots.

Ekko, your idea worked perfectly. Thanks so much!!!!

55webdesign - that code behaved the same way as the Flerchjj's code: it only worked when I opened the link in a new tab.

It's odd, ain't it? Thanks HEAPS for the help, all. Really appreciate it!!!
flerchjj replied on at Permalink Reply
I'm usually using Firefox too. Screenshots and copied text or a link to your content may help.
alivetech replied on at Permalink Reply
alivetech