Getting Started             

  1. Place the program files (TextButtonPro.jar, TextButtonPro.cab, ryTextButtonPro.class and ryTBPWrap.class) in the directory containing the HTML document into which you want to insert the applet (or into a different directory, and add the correct CODEBASE= attribute to the applet tag given below).

  2. Add one of the following applet tags to your HTML document in the position you want TextButton to appear:

    EXAMPLE #1: This produces a 'standard button' result: a rectangular button with a single line of text.

    <APPLET CODE="ryTextButtonPro.class" ARCHIVE="TextButtonPro.jar" WIDTH=120 HEIGHT=22>
    <param name=CabBase value="TextButtonPro.cab">
    <param name=Copyright value="TextButton Professional (c) 1997 Cool Focus [www.coolfocus.com]">
    <param name=Name value="UniqueName">
    <param name=Satellites value="no">
    <param name=Font value="Helvetica,bold,12">
    <param name=ButtonColor value="C000C0">
    <param name=Button3D value="yes">
    <param name=Label value="Click Me">
    <param name=LabelColor value="000000">
    <param name=LabelFocusColor value="FFFFFF">
    <param name=LabelPressedColor value="C000C0">
    <param name=3D value="off">
    <param name=Sound value="yes">
    <param name=SoundButtonDown value="buttondown.au">
    <param name=SoundButtonUp value="buttonup.au">
    <param name=UseHandCursor value="yes">
    <param name=URL value="http://www.coolfocus.com">
    <param name=Target value="_top">
    <param name=Message value="Visit Cool Focus!">
    </APPLET>


    EXAMPLE #2:     This shows the multi-line abilities of TextButton Professional: the label is being AutoWrapped to several lines (AutoWrap value="yes"), and each line is aligned to the center of the button (Align value="center").

    <APPLET CODE="ryTextButtonPro.class" WIDTH=130 HEIGHT=75>
    <param name=Copyright value="TextButton Professional (c) 1997 Cool Focus [www.coolfocus.com]">
    <param name=Name value="UniqueName">
    <param name=Satellites value="no">
    <param name=Font value="Helvetica,bold,11">
    <param name=Label value="This text is being AutoWrapped and aligned to the center.">
    <param name=Align value="center">
    <param name=AutoWrap value="yes">
    <param name=LabelColor value="FFFFFF">
    <param name=LabelFocusColor value="FFFFFF">
    <param name=LabelPressedColor value="C000C0">
    <param name=ButtonColor value="00C000">
    <param name=Button3D value="yes">
    <param name=ButtonFocusColor value="C00000">
    <param name=3D value="color">
    <param name=Sound value="NO">
    <param name=URL value="#http://www.coolfocus.com">
    <param name=Target value="_top">
    <param name=Message value="Visit Cool Focus!">
    </APPLET>


    EXAMPLE #3:     This example has AutoWrap turned off, and uses the Delimiter parameter to set the pipe symbol as the delimiter. You can then insert line breaks 'manually' by placing the pipe symbol wherever you want the line break to occur. Then also enables you to leave lines blank, which the AutoWrap=yes option does not. The text in this case is aligned to the left (Align value="left").

    <APPLET CODE="ryTextButtonPro.class" WIDTH=184 HEIGHT=105>
    <param name=Copyright value="TextButton Professional (c) 1997 Cool Focus [www.coolfocus.com]">
    <param name=Name value="UniqueName">
    <param name=Satellites value="no">
    <param name=Font value="Helvetica,bold,13">
    <param name=Label value="This text is delimited and|aligned to the left.| |You might want to do this to|create a more pleasing layout|for the button's label.">
    <param name=Align value="LEFT">
    <param name=Delimiter value="|">
    <param name=AutoWrap value="NO">
    <param name=LabelColor value="FFFFFF">
    <param name=LabelFocusColor value="FF8C00">
    <param name=LabelPressedColor value="C00000">
    <param name=ButtonColor value="0000C0">
    <param name=Button3D value="yes">
    <param name=3D value="color">
    <param name=Sound value="no">
    <param name=BgImage value="wallpaper.jpg">
    <param name=URL value="#http://www.coolfocus.com">
    <param name=Target value="_top">
    <param name=Message value="Visit Cool Focus!">
    </APPLET>

    You might also want to look at some of the example implementations in TextButton Pro Examples.

  3. Adjust the width and height of the applet as needed. The button will automatically fill the entire applet area.

  4. Alter the Label/URL/Target/Message parameter values according to the text you want to display, and the URL(s) to which the button should be linked.

  5. Edit the contents of the other parameters (or optionally just remove parameters whose default values you want to use) according to the details in The Parameters Explained.