Build a One Page Site

Take a look at the One Page demo first: https://theme.dnngo.net/onepage. Clicking a menu item smoothly scrolls the page to the matching section. Set yours up as follows.

---

Steps

1. Log in as a superuser

2. Click the Page Option icon on the right side of the page

   

3. Click the Page Type button

   

4. Choose One Page

   

5. Check Enable Custom Theme

   

6. Go to Layout > Content Layouts and edit or create a layout

7. Edit a row

   

8. Open the Anchor tab and fill in Anchor ID and Anchor Title. The Anchor ID must not contain spaces; the Anchor Title appears in the side navigation

   

9. Go to Admin > Pages in the DNN site and add the menu items. Set Page Type to URL, put the Anchor ID from step 8 into External Url (e.g. #AboutUs), and give the menu a Name (e.g. About Us). Now clicking the About Us menu scrolls the page to the #AboutUs section

   

10. Repeat steps 7, 8 and 9 to add more anchor sections

---

One Page Options

One Page pages come with a few extra settings.

Setting	Description
Navigation	Show a dot navigation bar

Setting	Description
Navigation Position	Dots on the left or right of the window
Navigation Style	Look of the dot bar — 3 styles
Easing Animation	Transition effect
Duration	Duration of the transition
Header Anchor	The anchor of the header
Footer Anchor	The anchor of the footer