Formatting a Fish Eye Selector

For background information on a Fish Eye selectors, including examples, see Creating a Fish Eye Selector.

A Fish Eye Selector is displayed only in Flash Mode. In other modes/views, how the selector displays is determined by how it was created:

The table below suggests formatting ideas and provides steps to format the Fish Eye Selector widget.

What to Format in the Widget

How to Format it

Display the list of data in the widget in text or image form

  1. In Flash Mode, right-click the widget and select Properties. The Fish Eye dialog box opens.

  2. Click the General tab.

  3. Do one of the following:

    • To display the list of data appearing to the left of the grid/graph in the widget as text, select Text from the Mode drop-down list.

    • To display the list of data appearing to the left of the grid/graph in the widget as images, select Image from the Mode drop-down list.

      • Type the web address of the image in the Image URL Field.

  4. Click OK to save the changes.

Color of highlighted and selected items in the selector

  1. In Flash Mode, right-click the widget and select Properties. The Fish Eye dialog box opens.

  2. Select the General tab.

  3. From the Highlight color palette specify the color in which a highlighted item is displayed when you hover over it.

  4. From the Selected color palette, specify the color in which a selected item is displayed.

  5. Click OK to save the changes.

Automatically determine the scale, magnification speed, and item spacing

  1. In Flash Mode, right-click the widget and select Properties. The Fish Eye dialog box opens.

  2. Click the Advanced tab.

  3. Select the Auto check box.

  4. Click OK to save the changes.

The scale of the items, or how large or small the items in a selector can become

  1. In Flash Mode, right-click the widget and select Properties. The Fish Eye dialog box opens.

  2. Click the Advanced tab.

  3. Clear the Auto check box to ensure that you can manually adjust the scaling.

    Note
    : The scale is automatically determined if you select the Auto check box.

  4. Enter a value in the Default scale field to specify the default size of the items in the selector. By default, items are sized so that they can all be displayed.

  5. Enter a value in the Max scale field to specify the maximum size that an item in the selector can become when you hover the cursor over it.

    Tip
    : It is recommended that you use a Max scale of 0.65 for selectors that contain around 20 items.

  6. Enter a value in the Scale radius field to specify how many items on the left and right of the item increase in size when you hover over an item in the selector. This number includes the selected item.

  7. Enter a number in the Scale slope field to specify the difference in size between a selected item and the items directly to the left and right of it.

  8. Click OK to save the changes.

Speed of the magnification effect for items in the selector

  1. In Flash Mode, right-click the widget and select Properties. The Fish Eye dialog box opens.

  2. Click the Advanced tab.

  3. Clear the Auto check box to ensure that you can adjust the Animation Speed option.

    Note
    : The speed is automatically determined if you select the Auto check box.

  4. Enter a number in the Animation speed field to determine the animation speed of the displayed data.

  5. Click OK to save the changes.

Space between the items in the selector

  1. In Flash Mode, right-click the widget and select Properties. The Fish Eye dialog box opens.

  2. Click the Advanced tab.

  3. Clear the Auto check box to ensure that you can adjust the spacing.

    Note
    : The spacing is automatically determined if you select the Auto check box.

  4. Enter a number in the Spacing field.

  5. Click OK to save the changes.

 

Apply formatting inherited from the widget's Grid/Graph to the widget

This widget automatically inherits some of the formatting contained in its Grid/Graph. The following formatting options are inherited from the widget's Grid/Graph:

  •  

  • Number and date formatting

  • Font alignment and type

  • Background color

  1. In Editable Mode, right-click the widget, then select Properties and Formatting. The Properties and Formatting dialog box opens.

  2. Format the widget's Grid/Graph by selecting the appropriate options in the Properties and Formatting dialog box.

  3. Click OK to save your changes.

 

Related topic