Web Crossing


Introduction

Installation & Upgrade

Web Crossing Features

Customizing & Scripting

UniqueIDs, Full Paths & URL Codes

Basic Customization

Server-Side Scripting

Web Crossing Template Language (WCTL)

WCTL Code Examples

Server-Side Scripting: Web Crossing JavaScript (WCJS)

User & Access Issues

Data Organization & Management

Performance Issues

Appendix

Site Map

Basic Customization: Creating Custom Buttons and Icons

Finding the Images Directory
List of Buttons and Icons
Button Sizes and File Formats
Installing New Buttons
Troubleshooting
Resources


Remember, you can go back at any time to choose new buttons in the Quick Configure page, but some people making cosmetic changes to Web Crossing want to replace the built-in buttons altogether with buttons or icons that match their own site.

Finding the Images Directory

The buttons and icon images are stored in the images directory, which you specified during installation, and which may or may not be actually called "images," depending on how you set it up at installation. If you've forgotten where they are, you can look in the Control Panel > General Settings.

The images directory itself actually has several subdirectories in it, and the path to each is listed in the General Settings panel as well. These settings reflect the choices you made on the Quick Configure page.

  • b1 through b12 (button options)
  • i 1 through 5 (icon options)
  • m (miscellaneous images)
  • docs (administrative documentation)
  • help (user help documentation)
  • WBChat (the chat applet files)

The Buttons/Icons List

There is a list of the buttons you'll need, including the text on them and their functions, in your sysop documentation.

Button Sizes and File Formats

Buttons come in two basic sizes:

  • The size of the buttons in the button bar at the bottom of most Web Crossing pages.
  • The size of the smaller buttons that appear next to each message.
    There are about a dozen of these. They are described in the sysop documentation list as "small buttons."

You can create your new buttons in any size you want, as long as all the larger ones are the same size, and all the smaller ones are the same size. Take note of the size you created, because you'll need to tell Web Crossing about it later when you're ready to use them. If you want to know the sizes of the default buttons, you can find the sizes in the Control Panel > Custom buttons & icons.

For the other small icons, it's not essential that they're all the same size. You'll be able to specify the size when you're ready to use them.

Be sure you create your new buttons and icons with the same names as the default images, or Web Crossing won't find them later. They'll all need to be .gif files as well.

Installing New Buttons

You can replace the contents any of the 12 button directories with your new images, and any of the 5 icon directories with your new icons. Or you can add a new subdirectory within /images. If, however, you want to be able to use your buttons with the Quick Configure page, you'll need to edit the webxButtons.cfg file in the webx directory. Study what's there, and follow the pattern established to indicate image sizes, and then when you next use the Quick Configure page, your new buttons will be there.

When you're ready to install the new buttons, upload them to the correct directory using your FTP program. Be sure to save backup copies of the old files if you're replacing any old images, because they'll be overwritten and deleted when you upload your new buttons with the same names as the old ones. After they're installed, go to the Control Panel > General Settings and indicate the directory you've chosen.

If you're running in Direct Web Service mode, you'll have to reset the file cache (Control Panel > Reset file cache for HTML files and webx.tpl templates) to see your new buttons. After you've done all of this, return to the Control Panel > Custom buttons & icons. Your new buttons should show up next to the form fields if you've put them in the proper places and named them correctly, but the sizes may be distorted if you've used different sizes than the defaults and you didn't edit the webxButtons.cfg file. This is OK for the moment. If there are distortions, you will need to fill in the height and width of your new buttons - you're going to tell Web Crossing to display them at the new sizes when you click the Update Sizes button on that page.

Figure 1 - Screenshot of Sysop Control Panel with default buttons displayed

Screenshot of sysop control panel

 

Troubleshooting

I'm getting a broken image icon in my browser where the image is supposed to be.

  • Check that the images are the right place
  • Check that the file names are correct
  • Check that they are .gif files
  • You can check your page source in your browser to see the URL that Web Crossing thinks the images will be and where your browser is looking for them. If that's not where you put them, either adjust the location in the Control Panel, or move the images to the proper directory.

I uploaded my new buttons, but I still see the old ones.

  • Try clearing your browser's cache. It may have the old ones cached.
  • If you're running in Direct Web Service mode, reset your file cache.
  • Did you upload them to the proper directory?

My images display, but the shape is distorted.

  • Recheck the height and width settings in the Control Panel.

Note: If you can't log in because there is no Login image to click on, use this trick from the syosp documentation: Log in using:

http://your.site/webx?59@@

where http://your.site/webx? is your usual path to your Web Crossing installation. You'll be asked to log in as sysop with a regular non-image form button, and can then correct the Images directory in the Control Panel.

 

Resources

See Folder Customization Chart.

Web Crossing FAQ:


Sysop Control Panel

  • Customizing
    • General Settings (fifth item down shows location of images directory)
    • Custom buttons & icons
    • Quick Configure

Sysop Documentation

 


A Non-Programmer's Guide to Web Crossing
by Sue Boettcher and Doug Lerner

© 2000 Web Crossing, Inc.