Page 1

CREATED on 30-7-2012

Contents ADDING CONTENT (HTML MODULE) _____________________________________________________ 2 ADDING RICH TEXT USING THE EDITOR _________________________________________________ 3 INSERTING MEDIA __________________________________________________________________ 4 INSERTING IMAGES _________________________________________________________________ 6 ADDING A PAGE LINK _______________________________________________________________ 8 INSERTING A TABLE ________________________________________________________________ 10

1|Page


CREATED on 30-7-2012

ADDING CONTENT (HTML MODULE) How to add basic text, add rich text or paste HTML into the HTML Editor of the Text/HTML module. 1. Select

Edit Content from the module actions menu - OR - Click the

Edit Content link.

2. Enter your content using one of these methods "Adding Basic Text and HTML using Editor", "Adding Rich Text Using the Editor"or"Pasting HTML Content". 3. Optional. Click the Preview link located below the Editor. This expands the Preview section below and displays the content currently displayed in the Editor. If Direct Publish (rather than Content Staging) is used for this module, then skip to Step 7. 4. At On Save? / Publish Changes?, select from the below options (Note: This field only displays when Content Staging is enabled. See “Setting): • Check the check box to publish these changes and set them as ready for approval. This automatically locks the content until it is either published or the lock is manually removed by an Administrator. • Uncheck the check box if the content is not yet ready for publishing/approval. This enables you to save this draft and return to edit it at a later stage before submitting the content for approval. • Check the Lock Content? check box to lock this content from further changes until you the changes are published - OR - Uncheck the check box to allow additional changes to this draft prior to publishing. Click the Save link. If Direct Publishing is set for this module, the content changes are now displayed in the HTML Pro module. If Content Approval is enabled, continue to Step 7. Optional. In the Enter Submission Comment text box, enter a comment relating to this submission. Click the Submit ink. This enters these changes into the next stage of content approval and sends out notification messages as set in the workflow. You will be notified when your changes are approved or rejected.

2|Page


CREATED on 30-7-2012 30

ADDING RICH TEXT USING THE EDITOR

How to add rich text to the Editor. This enables the Editor Toolbars and displays the content of the Editor as rich text. Note: This is the default view for this Editor, however if you last viewed the Editor as the Basic Text Box, it will display as such until it is changed.

1.

Select the Rich Text Editor radio button located above the Editor.

2.

Click inside the Editor and then enter your text, insert images, links, etc. Here are links to common types of rich content you may choose to add with the default RTE:

• • • •

See "Inserting Media" See "Inserting Images" See "Adding a Page Link" See "Inserting a Table"

3|Page


CREATED on 30-7-2012 30

INSERTING MEDIA

How to insert media (such as sound and movie files) using the DotNetNuke.RadEditorProvider for the RTE.

1. Select

Media Manager from the actions toolbar. This opens the Media Manager.

2. Navigate to and select the required media 3. Optional. Click the Properties tab and set the properties. a. At Specify Class ID, select from these options: • Check the check box to set a class for this media. This reveals the Class ID text box. i. In the Class ID text box, enter the name of the CSS class to be applied to this Flash. ii. Uncheck the Specify Class ID check box to hide the Class ID fi field eld and ensure all other fields can be set. • Uncheck the check box to use the default class. b. In the Width text box, enter the pixel value to set the media width. Leave blank to use the actual media size. c. In the Height text box, enter the pixel value to set the media height. Leave blank to use the actual media size. d. At Align, select the alignment. e. At Properties select a property to view more information on that property and select Yes or No as required. Repeat for each property as required. 4. Click the Insert button. Tip: You cannot edit the properties of media once it has been inserted. To modify media, simply delete it and reinsert it with the required properties.

4|Page


CREATED on 30-7-2012 30

5|Page


CREATED on 30-7-2012 30

INSERTING IMAGES How to insert an image using the DotNetNuke.RadEditorProvider for the RTE.

1. Select

Insert Media (CTRL + G) from the actions toolbar. This opens the Image Manager.

2. Navigate to and select the required image. 3. Optional. Use the Best Fit, Actual Size Size, Zoom In and Zoom Out buttons to modify the previewed image - these changes cannot be saved. 4. Optional. Click the Image Editor button to edit the way the image is displayed 5. Optional. Click the Properties tab and set image properties 6. Click the Insert button.

6|Page


CREATED on 30-7-2012 30

7|Page


CREATED on 30-7-2012 30

ADDING A PAGE LINK How to insert a link to a page within this site using the TelerikEditorProvider RTE. 1. Highlight the text/object for the link - OR - Place you cursor where you want to insert the link. 2. Click the Hyperlink Manager (CTRL + K) Hyperlink tab selected.

button. This opens the Hyperlink Manager with the

3. At Page,, select the page for this link from the drop down list. This displays the URL of the selected page in the URL field below. Note: Disabled pages appear in the list, however they cannot be selected.

4. The following optional setting are available: a. In the Link Text text box, edit the linked text. Note: This field is not displayed when adding a link to an image. b. At Target,, select the target window for this link. The default option is None which opens the link in the current window. c. In the Tooltip text box, enter a tool tip to be displayed when a user places their mouse over this link. d. At CSS Class,, select a class for the link - OR - Select Clear Class to use the default class.

8|Page


CREATED on 30-7-2012

e. Check the Track the number of times this link is clicked check box to enable Link tracking for this link. The link must be saved before you can view the Tracking tab where tracking information is displayed. i. 5.

Check

the Log the user, date and time for each click check box to also enable the Link Log.

Click the OK button.

9|Page


CREATED on 30-7-2012 30

INSERTING A TABLE How to insert a table using the DotNetNuke.RadEditorProvider. 1. Place you cursor where you want to insert the table. 2. Click the Insert Table

button.

3. Select for these options: • To insert a basic table,, move your cursor to highlight the number of rows or columns for the table and then click to select it. This displays the basic table in the Editor

•

To design a more complex table table, click the Table Wizard button.

10 | P a g e


CREATED on 30-7-2012

11 | P a g e


test  

test document

Advertisement
Read more
Read more
Similar to
Popular now
Just for you