How to Create and Edit Pages in DotNetNuke Action

Result

Go to URL

The existing site appears with a Login link.

Click the Login link and login using username/password .

This is the development server. Once the site is live, you’ll use a different address. The page reappears with the DotNetNuke Control Panel at the top. If the Control Panel does not appear, click the Show Control Panel link in the upper right corner.

In the lower left corner, mouse over the Admin text and select Pages from the menu. Click the Add New Page link in the lower right corner. In Basic Pages section, do the following: -

Under Page Name, enter the name of the page. Note: This will become the file name you see in the page’s URL. DotNetNuke removes any spaces or characters. So, for example, if you enter “Contact Us”, the file name in the URL will be “contactus”.

-

Under Page Title, enter the page title. This will become the blue text at the top of your browser.

-

If the page has a parent, select the parent from the Parent Page menu.

-

Under Permissions > All Users: click View Page .

-

Click the Update link.

Before we can add content, we must first create a blank page. You must first create a blank page. A Pages page is displayed. An Edit Page page is displayed. A blank page, viewable by all users, is created. Now you are ready to add content.

At this point you have created a blank page. Now you need to add content. All content is in the form of modules! Click the Login link and login. The page reappears with the DotNetNuke Control Panel at the top. Using the site’s normal navigation, go the page you The page appears with nothing in it. wish to edit. In the upper left corner (Mode menu), click the The page is redisplayed with more features added to the Content Pane. Edit: radio button if it is not already selected. The page is redisplayed with the following default items in the Content Pane: In center section of the Control Panel, do the “Text/HTML” (banner text) following: “Hover here, then click toolbar to edit content” Click the Add New Module radio button. 2 icons on the right Select Text/HTML from the Module: pulldown. Select ContentPane from the Pane: pulldown. Click the Add link. Mouse over the arrow next to the Text/HTML A Settings page is displayed. banner and select Settings. Under Basic Settings, do the following: Under Basic Settings > Title: remove the Text/HTML text. Under Permissions > Edit Module: click All Users . Under Page Settings, do the following: Uncheck Display Container? Uncheck Allow Print? Click the Update link at the bottom of the page. The page is redisplayed.

Mouse over the arrow in the middle pane and select Edit Text. Click the Source button in the upper left corner of the editor. In a text editor program, open the HTML file you wish to add and copy the HTML to your clipboard.

Note: At any time, if you click the Mode: > View radio button (upper left corner), you’ll see how the page will appear in a browser. To return to the edit mode, just click the Mode: > Edit radio button. A “word processor like” text editor is displayed. HTML like code appears in the text editor. Note: The following references must be used: For images: /Portals/0/imagefilename For pdf files: /Portals/0/pdf/pdffilename

Go back to DotNetNuke and paste the HTML in the HTML space. Click the Update link at the bottom of the page.

The HTML appears in the DotNetNuke editor. DotNetNuke’s normal view is displayed.

Action Go to URL, click the Login link, and login using username/password

At this point you have filled the page with content. Now, suppose you want to edit the content. Result The page reappears with the DotNetNuke Control Panel at the top. The Logout link appears in the same spot as the Login link. The View and Edit radio buttons enable you to work on the page and then see what it will look like in a browser. The Show Control Panel? link enables you to collapse/expand the control panel. -

Using the site’s normal navigation, go the page you wish to edit.

The page appears with the existing content. A page may consist of multiple modules, and each module is designated by: o a small down arrow in the upper left corner, and o an Edit Text link at the lower right corner. If you can’t see these arrows/links, you are probably in View mode. Click the Edit radio button in the upper left corner. IMPORTANT: Certain modules are “site wide” modules. Please do not modify these. These modules include: The About XPAND Section EOE Statement About XPAND Par - Under Current Openings Bottom Of Job Opening Top of Page

Click the Edit Text link in the lower right corner of the desired module.

An Edit Text/HTML page is displayed. This page contains an interface that is very similar to Word. This interface is where you will make all of the page edits. Usually, when you type the Enter key, you will replicate whatever type of item you are in. For example, if you are typing a bullet item, typing Enter will create another bullet. However, if you just want to go to a new line (and not create a new paragraph/bullet), type Shift-Enter.

Make your edits using the interface. When formatting text or adding a link, you must first highlight the text.

Commonly used items include: -

Source button: to view the HTML for this page. Links button: to create a link. (This button looks like a chain, not like an anchor.) Images button: to add an image. Format pull-down: to add header text. IMPORTANT: To maintain consistency within the site, please use the existing headers under the Format pulldown. Generally, use Heading2 and Heading3.

-

Links button: to create a link. You can easily create either intra-site links or links to other sites:

(click Browse Server to create an intra-site link.)

(click Page radio button and the pull down will be populated with the pages in the site.)

-

Images button: to add an image. Generally, you’ll select an image that’s already on the server. If you want to add an image to this pool, see the administrator.

(click Browse Server to view images already loaded to the server.)

-

Format pull-down: to add header text. IMPORTANT: To maintain consistency within the site, please use the existing headers under the Format pulldown. Generally, use Heading2 and Heading3.

After you’ve edited the page, click the Update link at the bottom of the page.

The changes are committed, and DotNetNuke’s normal view is displayed.