How to set OnePage

Please check our one page demo from here https://amiri.dnngo.net/one-page/. When click menu, page will scroll down to the corresponding area. You can set it with following steps.

Step 01. Login to your site as super administrator.

Step 02. Click the page options icon on the right of page.

Step 03. Click the page type button.

Step 04. Choose One Page.

Step 05. Choose Enable Custom Theme.

Step 06. Go to Layout > Content Layouts to edit or create a new layout.

Step 07. Edit Row.

Step 08. Go to the Anchor tab, fill in Anchor ID and Anchor Title. There shouldn’t be any space in Anchor ID, and the text of Anchor Title will display on the right of nav.

Step 9. Go to the Admin > Pages of DNN site to add menu items. Set the Page Type to be URL, and input Anchor ID according to Step 8 to the setting of External Url. For example: https://#AboutUs. Input the menu name in the setting of Name, such as: About Us. Once the setting is done, when you click the About Us menu, page will scroll down to the anchor area of https://#AboutUs.

Step 10. You can add more anchor areas by following step 7, 8 and 9.

Pages of onepage type have some extra settings.

Navigation – If set to on, it will show a navigation bar made up of small circles.

Navigation Position – Set the nav bar on the left or right of window.

Navigation Style – Set the appearance of nav bar, there are 3 appearances included in this theme.

Easing Animation – The transition effect of animation.

Duration – The duration time of animation.

Header Anchor – Set the anchor of header.

Footer Anchor – Set the anchor of footer.