0
Welcome Guest! Login
0 items Join Now

Smooth Scrolling - Creating your first atom (Revised)

    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 89565
    • Thanks: 11679
    • Web Designer/Developer

    Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 8 months ago
    • It does work it's just you've done you anchors wrong. so instead of writing (one example).
      <a name="klanten"></a>
      instead write
      <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.
  • Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 8 months ago
    • Oh man, that's kind of embarassing ;-) Thank you very much Mark, you've been a great help!

      Kind regards,

      Marty
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 89565
    • Thanks: 11679
    • Web Designer/Developer

    Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 8 months ago
    • 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.
  • Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • 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: 4 years 6 months ago by Zoran Kanti-Paul.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • ATOMS have been moved to the PAGE SETTINGS now ..
  • Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • Care to expand on that? And answer the rest of my questions please?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 89565
    • Thanks: 11679
    • Web Designer/Developer

    Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • 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.
  • Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • 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's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 89565
    • Thanks: 11679
    • Web Designer/Developer

    Re: Smooth Scrolling - Creating your first atom (Revised)

    Posted 4 years 6 months ago
    • 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...
      <a href="#mybit">link</a>
      ... and somewhere else on the page have
      <div id="mybit"></div>
      When you then clicked on the "link" you would then smooth scroll to "mybit"

      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.118 seconds