# Anchors practice **URL:** \ **Category:** Elements API\ **Created:** [November 21, 2024, 5:13pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358 "2024-11-21T17:13:59Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 21, 2024, 5:13pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/1 "2024-11-21T17:13:59Z")
Never used anchors had to look up tailwind and css so just starting not sure what is required no idea if I will be able to do much more but first go for practice ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 21, 2024, 7:29pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/2 "2024-11-21T19:29:10Z")
An anchor is really just a marker on a page with a specified ID. You can then create a link to the ID. When the link is clicked it will jump to the marker. These markers can be ID’s that are specified in different elements such as a header. But most commonly you insert the marker at a location on a page and then by linking to it you can jump to that part of the page. These anchors can also be set on a different page allowing you to jump from one page to a specific part of another page. There is a specific syntax used when specifying this type of link. The normal in page anchor is simply specified as `#anchor-name ` An anchor if written in HTML looks as follows. ```auto The name where you want to jump ``` There can only be one anchor on a page with a specified ID, so if there are multiple anchors they all have to have unique IDs. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [November 21, 2024, 9:42pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/3 "2024-11-21T21:42:22Z")
@upssjw nice work! @handshaper next beta of Elements should include anchor support 😉 ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 21, 2024, 10:58pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/4 "2024-11-21T22:58:13Z")
Excellent ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 22, 2024, 1:03am UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/5 "2024-11-22T01:03:05Z")
Yippee! ---
**Author:** ![luckylindy](https://avatars.discourse-cdn.com/v4/letter/l/ad7895/32.png) [@luckylindy](https://forums.realmacsoftware.com/u/luckylindy)\ **Post date:** [November 22, 2024, 1:27am UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/6 "2024-11-22T01:27:13Z")
Hiya, Dan. I’m using the beta in a side-by-side mode with Classic to create a one page site. I want to have links in the menu to sections of the page. Easy enough in Classic. And, it seems it will be easy in Elements once anchor support is ready. But I’ll be curious to see how the site menu can be built to include the link to those anchor points. Hopefully you can cover that in the video that introduces the arrival of anchor support. Thanks! ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 22, 2024, 3:05pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/7 "2024-11-22T15:05:35Z")
ok progressing my practice I started with 3 links then moved to adding a new link into the popover menu it works except for the added line with the adding a link, this is a good practice for me, hopefully I will get where ll links are added by dropping in into a component hihi was dropped in as a component ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 23, 2024, 6:27am UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/8 "2024-11-23T06:27:10Z")
had 15 mins before need to go out now the links and anchors are jut drop in, will use Elements components to drop in for anchors hopefully, just need to name components on left to align ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [November 23, 2024, 9:21am UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/9 "2024-11-23T09:21:37Z")
Nice work, this is what makes Elements so powerful, you can easily roll your own solutions 🤓 The next beta we release will have Anchors a little more tightly integrated 😉 Have a good weekend! ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 23, 2024, 9:52am UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/10 "2024-11-23T09:52:18Z")
just got back, 15 more minutes, made some progress I need to have switch to make popover visible in edit, only manually entered code it works ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 23, 2024, 12:55pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/11 "2024-11-23T12:55:01Z")
almost finished for now ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [November 23, 2024, 5:38pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/12 "2024-11-23T17:38:18Z")
That’s a great little component you’ve built there. Love it! ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 23, 2024, 6:03pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/13 "2024-11-23T18:03:33Z")
I hope the anchor support in Elements will allow one to assign an ID to almost any component and then be able to link to that ID in order to jump to the location of the component. In addition, to having a dedicated anchor component that can be place anywhere. ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 23, 2024, 6:18pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/14 "2024-11-23T18:18:59Z")
I fogot to label the second link to mid, just for ease of viewing, the important bit is the link and anchor naming is the same still progress to be made, some bugs I expect, and a few controls to add, this is just practice for me as I am still trying improve my tailwind etc blank version [elementsapp://downloadDocument/uCYYSM0rd5SR](elementsapp://downloadDocument/uCYYSM0rd5SR) my example [elementsapp://downloadDocument/jdhC97MGxdZ1](elementsapp://downloadDocument/jdhC97MGxdZ1) ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [November 23, 2024, 6:26pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/15 "2024-11-23T18:26:58Z")
> [@handshaper](#): > > I hope the anchor support in Elements will allow one to assign an ID to almost any component and then be able to link to that ID in order to jump to the location of the component. In addition, to having a dedicated anchor component that can be place anywhere. In theory… If ALL components can have an ID, why would there be a need for a separate Anchor component? 🧐 ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 23, 2024, 7:17pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/16 "2024-11-23T19:17:38Z")
you can use the link and anchor without the popover, needs some control to make that a bit better ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 23, 2024, 7:32pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/17 "2024-11-23T19:32:58Z")
You are correct if ALL components can have an anchor ID then there would be no need for a separate component. At least for my needs. The operative word here being - ALL. ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 23, 2024, 7:41pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/18 "2024-11-23T19:41:28Z")
> [@dan](#): > > In theory… If ALL components can have an ID, why would there be a need for a separate Anchor component? 🧐 The only reason I could see for one is that it might be much easier to identify it in a layout. If ALL components have the potential to be assigned an ID, there is no visual clue that one has been assigned. So you would be always looking in the property inspector to find the presence of one. That is unless you have plans of making this more visible in the UI. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [November 23, 2024, 8:56pm UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/19 "2024-11-23T20:56:06Z")
> [@handshaper](#): > > You are correct if ALL components can have an anchor ID then there would be no need for a separate component. At least for my needs. The operative word here being - ALL. Perfect! ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [November 24, 2024, 8:11am UTC](https://forums.realmacsoftware.com/t/anchors-practice/45358/20 "2024-11-24T08:11:38Z")
ok the previous downloads were missing a div, when you keep trying things my closing divs get left or not deleted I added an extra drop zone you can drop an anchor not just in the original drop zone new blank [elementsapp://downloadDocument/5V942db2vlZe](elementsapp://downloadDocument/5V942db2vlZe) example [elementsapp://downloadDocument/g8mSCKJ2yWwW](elementsapp://downloadDocument/g8mSCKJ2yWwW) [Next page](https://forums.realmacsoftware.com/t/anchors-practice/45358.md?page=2)