Chapter 7. CSS editor Menu Reference

Table of Contents

The Menu
File Menu
Edit Menu
Options menu
Help Menu
The Rule Tree
The Panel Tree
The Panels
The summary panel
The source panel
The content panel
The type folder
The visual formating folder
The box model folder
The morphon folder

The Menu

File Menu

Function : Provide access to file manipulation options

The file menu provides you with access to options for loading and saving files, both to local and remote storage, as well as various other options. The file menu may contain a list of recently accessed files at the bottom.

File Menu / New

Function : Create a new CSS document for editing.

This option presents you with a dialog through which you can select the location of an existing Document type definition (.dtd) file. It will create a new CSS file based on this DTD. If you specify a DTD, when you create a new rule, elements name will be displayed to help you writing the selector of the rule. Some properties check also the dtd to validate their values.

File Menu / Open

Function : Load an existing CSS document for editing.

This option asks you to select a CSS document on a local or remote storage and a DTD, also on a local or remote storage, to use with it. CSSEditor then loads and parses the cssstylesheet ready for editing.

File Menu / Save

Function : Save the current CSS document to a local or remote storage.

This option saves the currently open CSS document to its storage location. If the document has an associated filename already, then it is saved under that name, otherwise you are prompted to supply a filename and location to save the document under.

File Menu / Save As

Function : Save the current CSS document to a local or remote storage under a given filename

This option saves the current CSS document to its storage location, but unlike Save, will prompt for a filename regardless of whether the document already has one associated with it or not.

File Menu / Close

Function : Close the currently open CSS document

This option closes the current CSS document. If the document has unsaved changes, you are prompted as to whether you wish to save them, discard them or cancel closing the document.

File Menu / Exit

Function : Exits CSS Editor

This option prompts to save any unsaved documents before exiting.

Edit Menu

Function : Provide access to standard editing functions

The edit menu provides you with standard editing capabilities such as 'Add Rule', 'Delete Rule' or 'Choose DTD'. You can also access to the CSSEditor preferences.

Edit Menu / Add Rule

Function : Add a new css rule

This option presents you with a dialog where you can write easily the selector of the new css rule you want to add.

Edit Menu / Delete Rule

Function : Delete a css rule

This option removes the currently selected css rule.

Edit Menu / Add a normal rule

Function : Add a new standard css rule

This option is a shorcut to add a standard css rule (without pseudo-element). It add in the currently open rule selector folder the new rule. Please note that it's possible to have several css rule with exactly the same name.

Edit Menu / Add a before rule

Function : Add a new css rule containning the pseudo-element :before

This option is a shorcut to add a css rule with the :before pseudo-element. It add in the currently open rule selector folder the new rule. Please note that it's possible to have several css rule with exactly the same name.

Edit Menu / Add an after rule

Function : Add a new css rule containning the pseudo-element :after

This option is a shorcut to add a css rule with the :after pseudo-element. It add in the currently open rule selector folder the new rule. Please note that it's possible to have several css rule with exactly the same name.

Edit Menu / Choose DTD

Function : to use with the currently open CSS document.

This option presents you with a dialog where you can specify the local or remote storage location of the DTD you want to use.

Edit Menu / Preferences

Function : .

This will open the preferences panel. Here you can set the options relative to your DTD Catalog.

If you are using the CSS Editor inside the Morphon XML Editor, this menu is disabled, as it uses the XML Editor's preferences.

Options menu

Function : Customise CSSEditor behaviour and appearance.

The options menu allow the user to change the CSSEditor appearance and the language resource.

Options menu / Look and Feel

Function : Alter the appearance of the CSSEditor interface.

Look and Feel provides you with a choice of three styles of interface "theming"

  • Windows

    Sets the interface elements to be styled in a manner similar to Microsoft Windows

  • CDE/Motif

    Sets the interface elements to be styled in a manner similar to the Unix Common Desktop Environment or Motif toolkit styling.

  • Metal

    Sets the interface elements to be styled in a manner reminiscent of the Mac interface

Options menu /Change Language

Function : Change the language used in CSEditor.

This option presents you with a dialog where you can choose in which language CSEditor is displayed.

Help Menu

Function : Provide access to the help system

The help menu provides access to CSSEditors help system. However, you already know this as you are reading it now. It also provides access to the Registration and Licensing functions, as well as giving you the ability to report a bug should you encounter one.