Pete S Pagebuilderv.4.6 (Basic)

Pete’s Pagebuilderv.4.6 (Basic)

Pete’s Pagebuilder is UTEP’s departmental content management system. Adopted for its ease of use and adaptability, Pete’s Pagebuilder adds new controls to allow the user to easily modify a webpage (portal). With UTEP standardized top bar and footer, adding information or migrating to Pete’s Pagebuilder is easy to do from any computer with internet access, although some users on MACs may have problems if not using Firefox.

A new portal will look something like this:

In order to make changes, the user should gain Administrative privileges to the portal. This will allow the user to Login using the link on the right hand side of the top bar to open the Login fields. This type of access should only be granted by the site owner once the requesting person has been to training. For training, you will need to contact the Fit Lab or Instructional Support Services (ISS) at (915)747-5058.

With Pete’s Pagebuilder, the user will login with their standard UTEP email login and password (ignoring any system generated emails). In some cases, user accounts may vary if you have a special portal built outside of the regular DNN instance.

Once logged in, the Administrator will see an Administrative Tool Bar (Control Panel) across the top of the page:

From left to right the Admin Tool Bar has Page Functions that allow you to Add a Page, Change the Settings for a Page, Delete a Page, Copy a Page or Preview a Page out of Admin View. This is followed by Module adding functions of a New or Existing Module. Lastly there are Common Tasks that quick link to administrative functions from the Admin Drop Down: Site links to Site Settings, Users to the User Manager and Files to the File Manger. Help is also listed but should be ignored since it refers to DNN information that is not consistent with UTEP’s configuration of DNN.

To begin working on a New Page click Add from the Admin Top Bar. This will open a new Page Management settings page.

Begin by typing in the appropriate information for the page. Remember that content on pages should be grouped as necessary and broken down in logical groupings (building an outline may help to setup your site).

Fill in Page information such as Page Name and Page Title which will be displayed on the page and top bar respectively.

The Description field is used for a longer description than the Name but will only be seen by the Administrator. Key Words are used by search engines to find information on a page (commonly known as meta tags) and should be separated by commas. These can be used at the Page level and Portal level (in Site Settings).

Following this is a drop down for Parent Page. This used create a drop down from the Top Bar. If the Page you are creating should be on the Top Bar select <None Specified>. If it should be a drop down from an existing Page, select the Page from the list to be its ‘Parent’.

Permissions on these pages will automatically default to Administrators View and Edit only. Since the page should not be visible until it is ready, Pete’s Pagebuilder locks down the page until the content has been added. You can change these setting after the page is ready to launch using the Page Settings link on the Admin Top Bar and checking All Users to View.

Copy Functions allow the user to Copy a previous page in two ways. The first way will allow the user to Copy a previous page’s Modules onto the page you are creating. The checkbox for Copy Content will copy the information from within those Modules as well. Please be careful when using the copy function, because if you happen to forget that you have copied this module to other pages but do not want all information across your sites change it will over-write all of your existing content in any pages which contain the copied module. Please only use this module if the content when changed, will also remain the same on any other existing pages you nay have copied the module to.

Advanced Settings allow for the user to change Skins and Containers. It also allows the user to make the Page ‘Hidden’ which will remove it from the Top Bar. Disabling the page is also possible but should only be done if the page is going to be a place holder on the Top Bar.

Other Settings allow the user to set a Start and End Date for the Page. It also allows the user to set different link types for the Page title instead of creating a page. The user can link to either a URL or File (from the File Manager). The user can also specify whether or not this page should be forced to use a secure connection (SSL). This option will only be enabled if the administrator has Enabled SSL in the site settings.

Modules

Modules are parts of a Page. These Modules are small templates that are preformatted to allow the user to easily enter content by type. To add Modules, the user can select Add New Module and select from the list of modules.

When adding the module the User can select the Module, type in the Title, change the Visibility (deciding to make the Module visible to all upon addition or hidden to Administrators), Selecting the Pane, Insertion point and Alignment of the Module.

Control panel collapsed:

Control panel expanded:

Sometimes a new module will display the control panel as collapsed. To expand the control panel, just click on the arrow located on the right side of the box.

Upon adding multiple Modules, the page will appear as seen below (if in Administrator view)

Moving Modules

To move Modules on the page, grab the Module title with the cursor. The Module will change color now allowing you to Drag and Drop it on the page.

You can now shift the Module into different Panes on the page and position it around other Modules on the page with the dark line displaying its Drop position.

This function primarily works on PCs with a current version of internet browser. For other users, the drop down above the Module allows the user to Move Modules by using a menu for movement into different Panes and positioning it amongst other existing Modules.

Feedback Module

/ This Module provides the user a quick and easy way to provide the end user with a way to send the webmaster or any specific email address to receive Feedback from the website directly allowing them to send Message with Subject to the address hidden from them. The users information will also be displayed if they are logged into the page.
The Feedback Comments allows the user to display all of his feedback contained in the lists that were set up.
The only setting to change on this Module is the ‘To:’ Address to which the emails will be sent. This change can be made in the Settings for the Module.

The Send To address should be typed in allowing the user to set a departmental email address or the webmaster’s address. Width and the number of Rows can also be set.

To set up the lists and/or categories you would like to add, mouse over the blue triangle to the left of the module and click on lists to begin setup. Then choose Feedback Lists.

The Feedback Lists will allow the user to categorize the feedback they receive in groups:

The Feedback Moderation allows the user to administer the lists and categories:

Media Module

/ This works to display images from the File Manager directly on the page. It will only allow for a display of an image, not a hyperlink. Begin by clicking on Edit Image Options to change the linked image information.

This will open the Edit Image page to select from a list of file from different folders in the File Manager. Be sure to enter Alternate Text for the file which is a brief description of the image.

Links Module

/ This module allows for addition of links to a page. There are three types of links that can be done with the Links Module: URL, Page and File links.

The Title of the link is the primary name of the file or an abbreviation. The Description field can be used if more description is necessary.

To sort the links be sure to use a View Order otherwise the links will be sorted alphabetically. Links can also be displayed in a drop down by changing the Module Settings and the Links Settings at the bottom:

The list can be switched to a Dropdown or switched to List Horizontally.

Announcement Module

/ The Announcement Module gives a quick template to display announcements on the page. The Module displays a Title and Text of the Announcement along with the ability to Link to additional information as necessary. The Add Date? checkbox displays the date the announcement was posted (typically off).

Text/HTML Module

This Module will typically be used the most in your portal. With the most flexibility, the Text/HTML Module will allow the user to use free text, rich text or HTML code. This can be generated in the Module itself of by Cutting and Pasting from another program.

Begin by clicking Edit Text, this will open the Rich Text Editor for DNN. Information can be typed in and edited directly in this window.

The icons on the top of the window allow the user to change the formatting of text, add images, hyperlinks, tables and many other functions similar to using a typical word processing program or webpage editor. Be sure to use Alternate Text when using images.

The Image Manage manager is where the user will go to when an image needs to be uploaded or selected. You will go to the image icon and click on it, then the user can either browse existing files in their particular portal or upload new images.

The maximum file size allowed for upload in the text/html module is 200 KB.

In order for text which was copied and pasted from a word file, the text must be cleaned up by choosing the Paste from Word Cleaning Fonts and Sizes. This will clean out any un-needed code behind and set your pages using the correct UTEP style sheet.

The Hyperlink Manager, allows the user to quickly add a link to a word or a line of text.

Another category listed under the Hyperlink Manager is the E-mail option. This allows the user to set up an email address within their text.

HTML code can also be pasted directly into the window by clicking the HTML mode at the bottom of the window. Be sure to use only the code between <body> and </body>.

These options allow the user to choose how they would like to create their html text. Thy can either use the Design Mode – which no HTML is needed, or use the HTML Mode – which allows the user to create the text using html code. The user can also preview how their content by clicking on Preview. Please remember to go out of preview mode, or it will look like you are not logged in as an administrator.

Also if using FrontPage, be sure to use FrontPage 2003 or newer to edit code to avoid all the Microsoft Tags that older versions create.

Change/Delete Module Titles

Module Titles can be edited on the page. To do so, click on Settings for the individual Module. The first line has the Module Title

These can also be changed to display the Title only by changing the Container to ‘NoPersonality’. To delete the title entirely, you can also switch to ‘NoPersonality – notitle’.

These settings can also be changed at the Page level to affect the entire page. Please remember, changing them at the Page level will affect every current and future new module(s) to be added.

As always, any questions can be directed to the Help Desk at 747-5257 or to Additional module information and online training is also available on the website above.

Listed below are the containers available to customize the look of your modules:

Pete’s Pagebuilder

Updated: October 15, 2007