Economic Development

Creating a Page

1. On the "Pages" screen click the green "Create a page" button
2. Give the page a name
3. For "Put this page.." enter whether the new page is going to be a top level navigation item or under a parent menu item
4. For "Titles for Search Engines" you can enter around 160 characters using keyboards that describe the page and will help with search engine ranking
5. Select the template (I recommend the "MoCoEconDev-Secondary-Page-W-Title" if you are creating a page to match the other secondary page, "MoCoEconDev-Secondary-Page" if you want a without the image bar page title area)
6. Click the green "Create and go add content" button

Title Image Banner

1. From the right column drag the "Card (MVC)" widget into the "pageTitleArea"
2. Click "Edit" in the upper right corner of this widget
3. "Heading" will be the Page Title
4. Leave text blank
5. Select or Upload your image (Title area image are 1900 pixels wide by 540 pixels tall and 96dpi)
6. Click "More Options" at the bottom on the pop up
7. Change the Template dropdown menu to "Card.hero"
8. Click the green "Save" button when done

Content Area with sidebar

Note: We will not be using any of the "Single and Two Columns" layout widget. The "Grid Widgets" are what will be used to create the page layouts.

1. At the top of the right column click the "Layout" link
2. Scroll down and click "Grid Widgets"
3. First drag the "Container" to the "Content" area (this will create the gutters on each side of the page)
4. Then drag the "Grid-8+4" into the "Container" widget
5. Click the "Edit" link to the "Grid-8+4" widget
6. In the "Classes" tab add "sidebar" to the "Column 2" textbox (it should look like this: sf_2cols_2in_33 sidebar) This adds the line dividing the main content from the sidebar
7. Click the green "Save" button when done
8. at the top of the right column click the "Content" link to add content widgets into the new layout

Full Page Section with Color Background

1. Follow the steps above in the "Content Area with sidebar" to add in the top part of the page
2. Once that is complete click the "Layout" link at the top of the right column
3. At the bottom of the "Grid Widgets" list there are four custom section widgets (light gray, dark gray, blue, and green)
4. Click and drag one of those under the "Container" widget in the "Content" area of the page (this can be a little tricky, if it gets placed inside the container just drag it lower on the page to take it out of it )
5. Next depends on if the content is to be full screen or inside a container (Follow the steps above in the "Content Area with sidebar if you what to have the side gutters in this section. If not drag over the Grid widget that meets your needs)
6. Click "Content" at the top of the right column when you are ready to start adding content widgets

Right Sidebar Navigation Menu

1. In the right column scroll down and click on "Navigation"
2. Click and drag the "Navigation" widget to the right column area on the page (we want the plain "Navigetion" do not use the "Navigation (MVC)")
3. Click the "Edit" link on the Navigation widget
4. Click the radio button for "All pages under particular page" and select the page you want to display it's child items in the menu
5. for the template select "Vertical with sublevels (treeview)"
6. change "Level to include" to 1
7. In the CSS Class textbox add "sideNav" without the quotes
8. Click the green "Save" button when done