Adding to a Page: Difference between revisions

Latest revision as of 15:13, 19 December 2016

Components are used to display information on your website. Try clicking on one to add it to your site!

Where to Find

Components can be added using the button on the Toolbar.

Adding to Website

Clicking the header in the "Categories" area, under the "Components" tab, will allow you to see the components available within that category.

Adding a component is as simple as dragging it to the left and dropping it on any of the available Content Locations.

Note:
Pressing the "escape" key on your keyboard or dragging out of the boundary of the builder at this stage will cancel this and not apply the Component.

Changing Locations

Make a mistake in placing your component, just feel like rearranging them, or want to add a component to all of your pages? It's easy - just drag the component to the desired location and note the color of the content location area to be sure you're adding it to the currently edited page, or all pages. Start by hovering your cursor over the component:

Then look for the content locations you can add the component to - these are labeled and show you all available locations on your page.

Editing

Editing a Component can be done easily via the Component Toolbar. To access this, simply move your cursor over the Component you wish to edit, and choose the desired option.

@@ Line 1: / Line 1: @@
-[[Components]] are used to display information on your website. Try clicking on one to add it to your site. If you're having trouble finding what you're looking for, try using the filter or clicking on one of the suggested keywords!
+[[Components]] are used to display information on your website. Try clicking on one to add it to your site!
+==Where to Find==
+Components can be added using the [[Image:Addcontentbutton.PNG]] button on the [[Toolbar]].
+==Adding to Website==
+Clicking the header in the "Categories" area, under the "Components" tab, will allow you to see the components available within that category.
+<center>
 [[Image:Addcomponent.PNG]]
+</center>
+Adding a component is as simple as dragging it to the left and dropping it on any of the available [[Content Locations]].
+[[Image:Dragcomponent.PNG]]
+<div class='note'>
+'''Note:'''<br />
+Pressing the "escape" key on your keyboard or dragging out of the boundary of the builder at this stage will cancel this and not apply the Component.
+</div>
+==Changing Locations==
+Make a mistake in placing your component, just feel like rearranging them, or want to add a component to all of your pages? It's easy - just drag the component to the desired location and note the color of the content location area to be sure you're adding it to the currently edited page, or all pages. Start by hovering your cursor over the component:
+[[Image:Dragcomponent2.PNG]]
+Then look for the content locations you can add the component to - these are labeled and show you all available locations on your page.
-Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all components" will reset the filter and bring you back to the main page.
+[[Image:Dragcomponent3.PNG]]
-The filter is smart in that it will give you keyword suggestions as you type. Try it out!
+==Editing==
-''Note: Selecting a Component will not immediately add it to your website. You will be able to choose which pages to add it to, and where on the page it will appear. Pressing the "escape" key on your keyboard at this stage will cancel this and not apply the Component.''
+[[Editing a Component]] can be done easily via the [[Component Toolbar]]. To access this, simply move your cursor over the Component you wish to edit, and choose the desired option.
 [[Category:Toolbar]]
 [[Category:Components]]