Help5.x

Menu Item: Separator

From Joomla! Documentation

Revision as of 17:29, 9 July 2023 by Ceford (talk | contribs) (Marked this version for translation)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Other languages:
English

Description[edit]

The Separator menu item type is used to separate links with images or text in a menu. Some uses might be to give a title to a group of links or allow a short description before each link or groups of links. See the Front End Example screenshot below.

How To Access[edit]

To create a new Separator menu item:

  • Select Menus  [name of the menu] from the Administrator menu (for example, Menus  Main Menu). Then...
    • Select the New button in the Toolbar.
    • Select the Menu Item Type Select button. Help-4x-Menu-Item-Type-Select-Button-en.png ** In the modal dialog select the System Links item to open a list and then select the Separator item.

To edit an existing Separator menu item:

  • Select its Title in the Menus: Items list.

Screenshot[edit]

Help-4x-Menus-Menu-Text-Separator-screenshot-en.png

Form Fields[edit]

  • Menu Title: The title that will display for this menu item.
  • Alias. The internal name of the item. Normally, you can leave this blank and Joomla will fill in a default value Title in lower case and with dashes instead of spaces. Learn more.

Details Tab[edit]

Left Panel

  • Menu Item Type. The Menu Item Type selected when this menu item was created. This can be one of the core menu item types or a menu item type provided by an installed extension.
  • Link. The system-generated link for this menu item. This field cannot be changed and is for information only.
  • Target Window. Select from the drop-down list.
  • Template Style. Select from the drop-down list.

Right Panel

  • Menu. Shows which menu the link will appear in.
  • Parent Item. The parent menu item for this menu item. Used to determine whether a Menu Item is a top-level item or a submenu item. Select 'Menu Item Root' (the default value) if this is a top-level Menu Item. Otherwise, select the Menu Item that is this item's parent.
  • Ordering. You can change the order of an item within a list as follows:
    • If the list Filter Options include a Position filter select the desired Position. This will limit the list to items that are assigned to that Position.
    • Select the Ordering icon Help30-Ordering-colheader-icon.png in the Table heading to make it the active ordering item. The ordering icons in each row will change from light grey to dark grey and the pointer will change to a drag arrow on hover.
    • Select one of the Ordering icons Help30-Ordering-colheader-grab-bar-icon.png and drag it up or down to change the position of that row in the list. The items will display in the new order within the Position.
  • Status. The published status of the item.
  • Start Publishing. Date and time to start publishing. Use this field if you want to enter content ahead of time and then have it published automatically at a future time.
  • Finish Publishing. Date and time to finish publishing. Use this field if you want to have content automatically changed to Unpublished state at a future time (for example, when it is no longer applicable).
  • Default Page. If Yes, this menu item is the default or home page for the site. There must be exactly one menu item set as the default page. You can change the default page in two ways:
    1. Click on the Home column of the desired menu item in the Menus: Items screen.
    2. Open the menu item for the new default page and change the Default Page setting to Yes.
  • Language. Item language.
  • Note. This is normally for the site administrator's use (for example, to document information about this item) and does not show in the Frontend of the site.

Link Type Tab[edit]

Help-4x-Menus-Menu-Item-Text-Separator-link-type-options-en.png
  • Link CSS Style. An optional, custom style to apply to the menu hyperlink.
  • Link Image. Select an image to use with 'Menu Title'. Use 'Add Menu Title' set to 'No' to show just image.
  • Add Menu Title. If optional image is selected, shows a 'Menu Title' next to image. Default is 'Yes'.
  • Display in Menu. Select 'No' if you want to exclude this menu item from displaying in the menu. Note any submenu items will also be hidden.

Common Options[edit]

See Menus: Edit/New Item for help on fields common to all Menu Item types located in the following Tabs:

  • Link Type
  • Page Display
  • Metadata
  • Associations
  • Module Assignment

Toolbar[edit]

At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:

  • Save. Saves the menu item and stays in the current screen.
  • Save & Close. Saves the menu item and closes the current screen.
  • Save & New. Saves the menu item and keeps the editing screen open and ready to create another menu item.
  • Cancel. Closes the current screen and returns to the previous screen without saving any modifications you may have made. Or
  • Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

Front End Screenshot[edit]

Help-4x-Menus-Menu-Text-Separator-front-end-screenshot-en.png

Example Front End Site images are generic images using Joomla! core installation supplied free Front End Templates. The actual view can depend on the installed custom template used and the template's style for those views on a Joomla! website.

Quick Tips[edit]

  • It is possible to use an image as a Text Separator. Since a Menu Title is required, to use only image as a separator, the Menu Title can be a "space".