DotNetNuke® Guided Tour

Add a Module to a Page

Modules are added to a Page using the Control Panel.

Step By Step: Only the Required Steps

There are only two required steps to add a Module to a Page.

1.   Select a Module from the dropdown list.

2.   Click Add on the Control Panel.

The module will be added with all the default settings (visible in the Control Panel).

Step By Step: With All the Options

Alternatively, you can change the other Settings in the Control Panel prior to adding the page.  Each of these settings is optional.

1.   Select a Module from the dropdown list.

2.   (Optional Step) Put your cursor in the Title field and type a name for your Module. This name will appear in the title area of the module container when added to the page (as illustrated). If this field is left blank, the module name (e.g. "Text/HTML" will be substituted).

3.   (Optional Step) Select the Visibility of the Page from the dropdown.  There are only two possible choices.

Same As Page means that the Module will be visible to any website visitor who can see the page.  If your page is already visible to the public your new module will be immediately visible also.

If the new module requires configuration you might choose Page Editors Only.  This keeps the module invisible to any website visitor who does not have Edit permissions for the Page.  The module is invisible to website visitors until you've had a chance to configure it.  The visibility can be changed in the Module Settings when it is ready.

4.   (Optional Step) Select the Pane of the Skin where you would like the Module to be added.  The contents of the dropdown list may be different for another skin.  Content panes are specified by the skin designer.

The following illustration shows a Skin with a number of different Panes in various locations and of different sizes.  Some panes are of a fixed size and meant for a specific purpose (such as display of a "mini banner" or a logo).

5.   (Optional Step) Select where in the Pane to Insert the Module (Top or Bottom).  Modules display in a column within a pane.  If there are already modules in the pane, the new module will be added on the top or bottom (as specified).  The module can be moved after adding it to the page if necessary.

6.   (Optional Step) Select how content should Align in the Module (Left, Center, Right).  Some containers do not permit the alignment to be assigned.

7.   (Optional Step) Select whether to Add New Module (default) or Add Existing Module

If you select Add Existing Module, the Page will refresh and the Module and Title fields will be replaced in the Control Panel with selectors to specify an existing Page and Module.  This function will make a "copy" of the existing module.  When content is updated in the original or of any copy, the changes are reflected in all copies.

8.   Click Add on the Control Panel.

Powered By DotNetNuke®