Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Plugins

Use fullpage by OleVik with Gantry5

plugins

Started by Ivan 8 years ago · 7 replies · 937 views
8 years ago

Hi, im using a Grav+Gantry5 and Hydrogen. I installed fullpage pluguin of OleVik. But i cant understand how i need for assign the fullpage in the sections.
My web no have page content, have sections in the layout. I tried to assign "section" css class to the sections, but nothing happens.

<img src='//cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex036/uploads/getgrav/original/2X/2/22ef5e584b8b61d0affc5142c2df378844585494.png'>

Any can help me? Thanks

last edited 05/20/18
8 years ago

Hi,

I am not aware of any structural changes to Gantry5 or Hydrogen that would prevent this, but then again I do not use Gantry. Rather than relying on CSS-classes, the plugin relies on Markdown for achieving the structure. For example, see the demo content of the Alice in Wonderland book here.

That is to say, the content structures the FullPage.js functionality.

Best regards, Ole Vik

8 years ago

In you example link, this are pages, but im not using pages for make a content, im using only sections with particles "/user/data/gantry5/themes/g5_hydrogen/config/home_particles/layout.yaml".

I put differents methods for make a fullpage navigation, writing "section" in the CSS Classes, but not work.

<img src='//cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex036/uploads/getgrav/original/2X/8/86a2a4e06b26f3195fe7562575ad053a7aff1e58.png'>

last edited 05/21/18
8 years ago

CSS-classes will have no effect here, as the plugin willfully ignores pre-existing styling. The only separator of sections and slides, per the FullPage.js nomenclature, are page-structures and horizontal rules. This is detailed here.

With the caveat that I have not used Gantry for a long while, I think you would need to break the slides using a "Custom HTML" particle that inserts a horizontal rule -- <hr /> -- or a FrontMatter-variable of horizontal: true if you want it to behave as sections.

I cannot guarantee that this will work, as noted earlier I do not use Gantry, but the logic should be commensurate with the buildContent()-method of the plugin.

8 years ago

I tried fullpage in a normal page (not section of gantry), but do not work. I used a normal Grav site without gantry, but nothing works, i cant understand how to use you pluguin 😦

8 years ago

I tried you skeleton, and there have fullpage page template.

<img src='//cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex036/uploads/getgrav/original/2X/d/da367d12e77f1b69656b271565c0fcc6afe98b57.png'>

But in my web with these plugin not appear this page template.

last edited 05/30/18
8 years ago

I have tested this with with v1.2.0 of the plugin, on Grav v1.4.5 with Admin v1.8.3, and like with the skeleton it does show up there (source):

I don't know why it would not appear in your local installation, but I would advise that you upgrade Grav and extensions to their latest versions.

last edited 06/03/18

Suggested topics

Topic Participants Replies Views Activity
Plugins · by Rene, 1 week ago
2 43 1 week ago
Plugins · by Xavier, 4 weeks ago
2 53 4 weeks ago
Plugins · by Luka Prinčič, 7 years ago
3 1179 1 month ago
Plugins · by Sebastian van de Meer, 1 month ago
1 47 1 month ago
Plugins · by PIERROT Alain, 2 months ago
3 72 2 months ago