Styles

You might experience the following issues when working with styles in Flare Desktop.

Style Classes Stay When Deleted

Problem

Deleted style classes do not go away.

Cause

This problem can occur if you have not deleted the style from all mediums in the stylesheet.

Solution

Delete the style from all mediums in the stylesheet.

  1. Open the stylesheet.
  2. In the Stylesheet Editor, use the button to select a medium.

  3. Select the style in the Styles field and press DELETE on the keyboard.

  4. Repeat Step 3 for all available mediums.

    Note You can also open the stylesheet in Notepad or another text editor to delete the unwanted styles manually. In the text editor view, different mediums of the same style are denoted by indentation and the "@"symbol before the name of each medium. The easiest way to delete the style from all mediums is to find each style by pressing CTRL+F and entering the exact name of the style in the Find field. When the style is located, delete its name and the brackets containing all of its settings immediately below, then move on to the next style. This method might be more efficient for those who are comfortable working outside of the Flare Desktop user interface.

Imported Styles Do Not Display

Problem

Imported styles do not display in the Stylesheet Editor.

Cause

If you select a medium in the Import Styles dialog, the preview window displays all the styles in the stylesheet you have selected even if the style does not exist in the medium you have selected. If you select a style in this case, the style will not be imported because it does not exist for that medium. This is an issue in Flare Desktop that will be addressed in a future version.

Solution

Do one of the following.

Change the Medium

  1. In the Import Styles dialog's Medium field, select the default medium.
  2. Select the styles you want to import.
  3. Click OK. Selecting this medium imports the medium associated with the style you have selected and prevent you from selecting a medium for which the style is not written.

Import All Styles in a Class

  1. Select the style you want to import (e.g., the p class for all paragraph styles) and import all styles in that class.
  2. Click OK. This imports all the styles and all the mediums in that class, so there will be no conflict over styles that do not exist in a specific medium.

For more information, see Mediums and Media Queries and Importing Styles.

"A" Link Pseudo Classes Do Not Function

Problem

Link styles (e.g., those based on <a> tags) do not function or display correctly when output is generated.

Cause

These problems can be related to the use and function of link style pseudo classes (a special group of style classes that pertain to elements when they're in a certain state).

Solution 1

In order for pseudo classes to function properly, they must display in the following order in the stylesheet (you can see this by opening the stylesheet in Notepad).

  • a:link
  • a:visited
  • a:hover
  • a:focus
  • a:active

Solution 2

Link style pseudo classes do not inherit properties from their parent classes. Therefore, if you have style properties set on an link style, those style properties do not display on the pseudo class associated with the link style.

Explicitly set the property values on those pseudo classes, rather than expecting them to inherit settings from other tags.

  1. From the Content Explorer, open the stylesheet that you want to modify.

  2. In the local toolbar, make sure the first button displays Advanced View button. If the button displays Simplified View button instead, then click it.

  3. In the upper-left corner of the editor, click in the Show Styles field Use the drop-down filter for "all styles" to view in the stylesheet. and select Show Link Styles.
  4. On the left side of the editor, expand the a group.
  5. Select the style class you wish to modify and click expand the group.
  6. Expand the (Pseudo Classes) group.
  7. Select the necessary pseudo class. See Pseudo Classes.
  8. From the Show drop-down list on the upper-right side of the editor, select Show drop-down set to display all properties in styles..
  9. (Optional) You can use the toggle button in the local toolbar to show properties below in a group view Stylesheet local toolbar button to show properties in a group view. or an alphabetical view Stylesheet local toolbar button to show properties in an alphabetical view..
  10. If you are using the group view, expand the necessary property group(s) and set the necessary property value(s).
  11. Click OK.
  12. Click Save the active file. to save your work.
  13. Regenerate the output.