Adding to a Page: Difference between revisions

Revision as of 11:21, 18 February 2013

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 "Add Content to Page" section of the Toolbar.

Adding to Website

Clicking the header in the "Content Categories" area 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.

Content locations will appear as follows:

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.

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==
@@ Line 7: / Line 7: @@
 ==Adding to Website==
-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 an icon in the "Display" area will toggle between block and list viewing modes.
+Clicking the header in the "Content Categories" area will allow you to see the components available within that category.
@@ Line 13: / Line 13: @@
-The filter is smart in that it will give you keyword suggestions as you type. Try it out!
+Adding a component is as simple as dragging it to the left and dropping it on any of the available [[Content Locations]].
-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 via [[Content Locations]].
+[[Image:Dragcomponent.PNG]]
+Content locations will appear as follows:
 [[Image:Contentlocations.PNG]]
 <div class='note'>
 '''Note:'''<br />
-Pressing the "escape" key on your keyboard at this stage will cancel this and not apply the Component.
+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>