Implementing Smart Buttons
Using the Smart Button Wizard to Create Table Titles
You can use the Smart Button Wizard to help create a fancy table with graphical "end caps". Try following the exercise below.
Exercise: Creating a fancy table with the Smart Button Wizard
After Editing

|
- Create a table with one column and three rows. Set the border type to "Hide" (Table > Borders > Hide.).

- Place the insertion point in the top cell of the table. Open the Smart Button Wizard. In the Select Shape step, select the Table Titles category and then choose one of the shapes that has the word "Title" in it. Click Finish.
- Place the insertion point in the bottom cell of the table, open the Smart Button Wizard, and insert the matching Table Title shape for the bottom of the table.

- Double click the top "end cap" and edit the text as desired. Edit other Smart Button properties as desired, then click Finish. Do the same for the bottom "end cap".

- In the Edit window, resize the end caps to the same width as the table.
- Place the insertion point in the middle cell of the table. Insert a child table with the desired number of cells. Set the child table's width to 100%, so that it fills the cell containing it.
<Edit
window>

|
<Preview
window>

|
- Set the child table's border type to "Thick" or "Thin". In the Table Properties for the child table, change the Light Border color and Dark Border color to match the color of the end caps.
|
Namo WebEditor comes with several attractive table templates that use Smart Buttons for end caps. To use one of these table templates, select the [File > New] command and click the Table tab. Select a template, and then click OK.
Creating a Smart Button using a Dingbat
By using one or more dingbats in a Smart Button, you can create an amazing variety of fanciful shapes for your Web pages. A dingbat is a special typographical character, such as v or J. Windows 95 and above come with a dingbat font called Wingdings that contains many commonly-used dingbats.
To learn how to use dingbats in Smart Buttons, try the exercise below.
Exercise: Creating a Smart Button with a Dingbat
Before Editing 
|
-->
|
After Editing

|
- Open the Smart Button Wizard. In the Select Shape step, select the Buttons category and choose a shape like the one shown above. Click Next.
- In the Edit Button step, change the button text to "Mailbox".

- Insert a text component. (Use the Insert Text command in the Editing Tools menu.)
- Duplicate the new text component as shown below. To duplicate a component, click and drag it in the preview area while holding down the <Ctrl> key.
- Change the text of the duplicate text component to "." (period). Change the font to Wingdings. The period will turn into a mailbox dingbat.

- Drag the mailbox dingbat to the desired position.

|

Namo Interactive Inc.
This document was created using Namo WebEditor 4 on November 27, 2000.
|