Changing the shape style of the button

You can change the style of a button object. Adjust the opacity; bulk up the outline weight, or select a different fill style, for example.

You can select multiple button objects to change when necessary.

You can copy the style properties of a button and apply them to an another button. For details, see Copying and applying a button's style to another button.

To change the shape style of a button object:

  1. In the Title Explorer, click the button graphic or in the work area, click the button object. To select multiple button objects, click the first object, then press and hold the CTRL key while you click the other objects.

  2. Click the Style ribbon.

  3. Use the controls in the Shape Style group to change the style of the button object as follows:

    Fill Style

    Fill style, such as color, gradient, texture or picture. To change the color setting, you can select a predefined color, specify a custom color, or select an existing color. To select a predefined color, click one of the color samples displayed. To specify a custom color, select Custom and use the controls in the Color window to configure a custom color. To select an existing color, click Select and use the eye-dropper to click-to-select a new color from an existing color currently displayed on your desktop.

    To change the gradient, click or hover on Gradient and click a gradient type from the sub-menu. To change the gradient settings such as the direction, color, and angle, click More Gradients. This opens the Gradient dialog box. Use controls on the Gradient dialog box as follows:

    Color Color of the gradient. To change the color setting, you can select a predefined color, specify a custom color, or select an existing color. To select a predefined color, click one of the color samples displayed. To specify a custom color, select Custom and use the controls in the Color window to configure a custom color. To select an existing color, click Select and use the eye-dropper to click-to-select a new color from an existing color currently displayed on your desktop.
    Type Type of gradient.
    Direction Direction of the gradient relative to the object.
    Angle Angle of the gradient relative to the object.
    Gradient Stops Use the Add Stop and Delete Stop buttons to manage the stops for the gradient. Click Reverse Gradient to reverse the color order in the gradient. Use the Stop Color control to select the color of each stop on the gradient. Use the Position control to set the position percentage of the gradient.

    To change the texture, click or hover on Texture and click a texture type from the sub-menu. To select a local file that contains a compatible texture, select Browse from File. To select a texture from the Media Library, select Browse My Media.

    To change the picture, click or hover on Picture and click the location from which to choose the picture. To select a local file that contains a compatible picture, select Browse from File. To select a picture from the Media Library, select Browse My Media. Browse and select the picture. The picture is cropped within the shape. Additionally, the resource drop-down list in the Shape Style group is populated with the name of the fill picture. Use the resource drop-down list to change the fill picture.
    Outline Weight Thickness of the outline from 0 (none) to 10.
    Opacity

    Transparency of the object from 0 (invisible) to 100 (completely opaque).

    For Internet Explorer 9 users, a button will not render a shadow or reflection if the object has reduced opacity (less than 100).
    Outline Color Color of the outline. To change the color setting, you can select a predefined color, specify a custom color, or select an existing color. To select a predefined color, click one of the color samples displayed. To specify a custom color, select Custom and use the controls in the Color window to configure a custom color. To select an existing color, click Select and use the eye-dropper to click-to-select a new color from an existing color currently displayed on your desktop.
    Outline Style Style of the outline.

The style of the button is changed.

Knowledge Base | Training | Support
© Copyright eLearning Brothers 2021