Smooth Scrolling - Creating your first atom (Revised)
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
It does work it's just you've done you anchors wrong. so instead of writing (one example).instead write
<a name="klanten"></a>
<a id="klanten"></a>
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Marty Sodfoot
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Oh man, that's kind of embarassing
Thank you very much Mark, you've been a great help!
Kind regards,
Marty
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Ok, no problem, you're very welcome.
Regards, Mark. -
The following users have thanked you: Stelios Xiros
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Zoran Kanti-Paul
- Sr. Rocketeer
- Posts: 240
- Thanks: 5
-
I hope this is simply a mistke I am making because this is my first try at adding a yaml/twig
But I cannot see the particle/atom in my layout section. But it is there in the 'settings' seee screenshots:
Settings shows this:
This image is hidden for guests.
Please log in or register to see it.
No pink atom here though:
This image is hidden for guests.
Please log in or register to see it.
What have I missed?
This is in Salient by the way.
Just to test to see if my yaml was uploading correctly I changed the name to Smooth Scroll Test. Reloaded the screen and saw the name change ok.
This image is hidden for guests.
Please log in or register to see it.
And where do I put the anchor tag? I want to jump from a menu item DOWN the page (smoothly) and land on a block that I have on that page.
Does the anchor tag go into the block here:
This image is hidden for guests.
Please log in or register to see it. - Last Edit: 8 years 5 months ago by Zoran Kanti-Paul.
-
-
-
- Zoran Kanti-Paul
- Sr. Rocketeer
- Posts: 240
- Thanks: 5
- Care to expand on that? And answer the rest of my questions please?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
docs.gantry.org/gantry5/configure/page-settings#atoms
...
Id's can be set in block settings of particles or directly in the content.
Basically do what you want ... - Last Edit: 8 years 5 months ago by Henning.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
There is a new tab now in Gantry 5 admin - it's called "page settings" - towards the bottom of that page you should see your atom above the atoms "well" - so just drag the atom there (see screenshot).
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Zoran Kanti-Paul
- Sr. Rocketeer
- Posts: 240
- Thanks: 5
-
That is great. I like that system. I got that part to work..
Now back to WHERE the anchor goes? Henning says 'block settings'..sorry too vague. There are many areas of settings for blocks. Please narrow it down for me to the exact area. What syntax works as well, that would be a help.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Anchors are any links that begin with "#" and these refer to IDs on elements with the page
So...
1. you could create some html on the page to link...... and somewhere else on the page have<a href="#mybit">link</a>
When you then clicked on the "link" you would then smooth scroll to "mybit"<div id="mybit"></div>
2. Rather than coding things yourself many particle have the ability to add a link - there's usually a "link" fields in the settings that you can use where you can key in "#mylink". Next, in any particle or section setting there is a tab called "block" that is where you can add an ID of "mybit" too.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.066 seconds