DotNetNuke series
15. How to work with tables and format text in DotNetNuke
This tutorial assumes that you have already logged into the DotNetNuke admin area
Now let’s learn how to edit our website with DNN Text/HTML module
1) Click here to expand the Edit menu
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame03_1.png)
2) Then click Edit Text
Scroll down
The DNN Text/HTML module allows you to enter text in a Rich Text Format (similar to Microsoft Word) or use Basic Text Box
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame05_1.png)
3) You may also edit your website content here but we’re not going to do that right now… let’s go back to the Rich Text Editor
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame06_1.png)
4) Put the cursor in the area where you wish to edit content
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame09_1.png)
Now let’s learn how to insert a table in this WYSIWYG editor
5) Click the Insert Table icon here
6) Specify the necessary number of rows and columns
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame10_1.png)
7) To make the borders invisible enter 0
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame13_1.png)
8) Then choose Alignment and specify the table’s size
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame14_1.png)
9) Type a Caption for the table
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame18_1.png)
10) When ready click OK
That’s it! The table has been successfully inserted into the page
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame19_1.png)
11) Now let’s see how to format text…highlight the necessary text
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame20_1.png)
12) Click B to make the text Bold
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame21_1.png)
Done! You may enter and format the text in another editor, then paste it directly to Rich Text Editor here
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame22_1.png)
Scroll down
13) When ready click Update
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame23_1.png)
That’s it! The content has been modified and is now viewable on the website
.zip/text/images/dotnetnuke/dnn-format_text_tables/frame24_1.png)
This is the end of the tutorial. You now know how to work with tables and format text in the DotNetNuke WYSIWYG content editor
Content retrieved from: https://support.appliedi.net/kb/a1296/how-to-work-with-tables-and-format-text-in-dnn.aspx.