Tutorials/Textboxes

From WITTIE

Creating Textboxes is fun!

 

Contents 1 To "Create" a Texbox with the Rich Editor:  2 Watch the Tutorial: 3 To "Copy" a Textbox from another page and use it on your page: 4 Watch the Tutorial:

To "Create" a Texbox with the Rich Editor: 

1. Click the "Insert/Edit Table" button ().
2. The "Table Properties" Box will appear.
3. Make Row: 1 and Column: 1
4. Select a Border Size:  the higher the number, the thicker the border.
5. Select Alignment: Right, Left, Center
6. You may change the width (in pixels or percent) and height (in pixels).
7. Cell padding will make more space around the words to the border:  the higher the number, the more space.
8. Click "Ok"
9. Your table will appear.
10. You can type and edit your text directly in the table. You can also format the table properties in the "Table Properties" Box (select table > right click > Table Properties OR select table > Insert/Edit Table button ).

This texbox has Border: 20 and Cell Padding:20

 

This textbox has Border:1 and Cell Padding: 10

This textbox has Border:10 and Cell Padding:1

Watch the Tutorial:

---

We Love TEXTBOXES!!!

To "Copy" a Textbox from another page and use it on your page:

1. Go to the page with the textbox you want to use. Hint: remember where the textbox is located in the article.
2. Click the Wikitext button to go from the Rich Editor to Wikicode.
3. Find the textbox in Wikicode.  Highlight the code and copy.  Hint: see below for an example of what Wikicode looks like. 
4. Go to your page.  See where you want to insert the textbox.
5. Click the Wikitext button to go from the Rich Editor to Wikicode.
6. Position cursor on page where you want the textbox.  Paste the textbox.
7. Click the Wikitext button to go from Wikicode to The Rich Editor.
8. Your textbox will appear. 
9. You can type and edit your text directly in the textbox.  You can also format the textbox properties in the "Table Properties" Box (select table > right click > Table Properties OR select table > Insert/Edit Table button ).  Formatting can change the height, width, alignment, etc. 

Example of the textbox above in Wikicode:

{| class="FCK__ShowTableBorders" width="20%" align="center"
|-
| style="border-right: #ffbdbd 5px solid; padding-right: 1em; border-top: 
#ffbdbd 5px solid; padding-left: 1em; padding-bottom: 1em; border-left: 
#ffbdbd 5px solid; padding-top: 1em; border-bottom: #ffbdbd 5px solid; 
background-color: #ccc7f7" valign="top" | '''We Love TEXTBOXES!!!'''
|}

Hint:  Make sure you copy all of the code or the textbox will not appear properly!  Textboxes start with an opening code (usually {| ) and end with a closing code (usually |} ).  This code keeps the texbox together.

This textbox is a long one...

This one has colored text!

Green with Italic text!

Wow...so many different textboxes!!

Watch the Tutorial: