Help310

Difference between revisions of "Menus Menu Item Separator"

From Joomla! Documentation

m (→‎Toolbar: toolbar location)
(Marked this version for translation)
 
(56 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{RightTOC}}
+
<noinclude><languages /></noinclude>
==How To Access==
 
To create a new Text Separator Menu Item:
 
* Select {{rarr|Menus,[name of the menu]}} from the drop-down menu on the back-end of your Joomla! installation (for example, {{rarr|Menus,Main Menu}}).
 
* Click the New Toolbar button to create a new menu item.
 
* Click the Menu Item Type Select button [[File:Help30-Menu-Item-Type-Select-Button.png]] and then click the Text Separator Menu Item link under System Links.
 
  
To edit an existing Text Separator Menu Item, click its Title in [[Help30:Menus_Menu_Item_Manager|Menu Manager: Menu Items]].
+
{{Chunk30:Help_screen_Description_Header/<translate><!--T:48--> en</translate>}}
 +
<translate><!--T:8--> Used to provide a way to separate links with 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 [[S:MyLanguage/Help310:Menus Menu Item Separator#Frontend Screenshot|Frontend Screenshot]].</translate>
  
==Description==
+
{{Chunk30:Help_screen_How_To_Access_Header/<translate><!--T:49--> en</translate>}}
Used to provide a way 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 [[Help30:Menus Menu Item Text Separator#Front End Screenshot|Front End Example]] screenshot below.
+
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Add/<translate><!--T:51--> en</translate>|<translate><!--T:52--> Separator</translate>}}
 +
{{Chunk30:Help_screen_How_To_Access_By_Menu/<translate><!--T:53--> en</translate>|<translate><!--T:54--> Menus,[name of the menu],Add New Menu Item</translate>}}
 +
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Type_Select_Button/<translate><!--T:55--> en</translate>}}
 +
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Type_Select/<translate><!--T:56--> en</translate>|<translate><!--T:57--> System Links,Separator</translate>}}
 +
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Edit/<translate><!--T:58--> en</translate>|<translate><!--T:59--> Separator</translate>}}
 +
{{Chunk30:Help_screen_How_To_Access_Menu_Item_By_Title/<translate><!--T:60--> en</translate>}}
  
==Screenshot==
+
{{Chunk30:Help_screen_Screenshot_Header/<translate><!--T:50--> en</translate>}}
[[Image:Help30-Menus-Menu-Text-Separator-screenshot.png]]
+
[[File:Help30-Menus-Menu-Text-Separator-screenshot-<translate><!--T:10--> en</translate>.png|800px|border|none]]
  
==Details==
+
{{Chunk30:Help_screen_Form_Header/<translate><!--T:61--> en</translate>}}
===Details Tab===
+
{{Chunk30:Help_screen_Menu_Title/<translate><!--T:74--> en</translate>}}
For more information please see Menu Item Manager: [[Help30:Menus_Menu_Item_Manager_Edit#New Menu Item Details|Details Tab]]
+
{{Chunk30:Help_screen_Alias/<translate><!--T:75--> en</translate>|<translate><!--T:76--> menu item</translate>}}
====Required Settings====
+
{{Chunk30:Help_screen_Form_Details_Header/<translate><!--T:77--> en</translate>}}
{{chunk30:colheader|Menu Title}}
+
{{Chunk30:Help_screen_Menu_Item_Type/<translate><!--T:120--> en</translate>}}
{{chunk30:colheader|Menu Location}}
+
{{Chunk30:Help_screen_Menu_Link/<translate><!--T:121--> en</translate>}}
 +
{{Chunk30:Help_screen_Target_Window/<translate><!--T:122--> en</translate>}}
 +
{{Chunk30:Help_screen_Template_Style/<translate><!--T:123--> en</translate>}}
 +
----
 +
:[[File:Help30-menu-item-details-screenshot-<translate><!--T:104--> en</translate>.png|265px|border|right|<translate><!--T:105--> Menu item sidebar</translate>]]
 +
{{Chunk30:Help_screen_Menu/<translate><!--T:106--> en</translate>}}
 +
{{Chunk30:Help_screen_Parent_Item/<translate><!--T:107--> en</translate>}}
 +
{{Chunk30:Help_screen_Menu_Item_Ordering/<translate><!--T:108--> en</translate>}}
 +
{{Chunk30:Help_screen_Status/<translate><!--T:109--> en</translate>|<translate><!--T:110--> menu item</translate>|}}
 +
{{Chunk30:Help_screen_Default_Page/<translate><!--T:111--> en</translate>|<translate><!--T:112--> menu item</translate>}}
 +
{{Chunk30:Help_screen_Access/<translate><!--T:113--> en</translate>|<translate><!--T:114--> menu item</translate>}}
 +
{{Chunk30:Help_screen_Language/<translate><!--T:115--> en</translate>|<translate><!--T:116--> menu item</translate>}}
 +
{{Chunk30:Help_screen_Note/<translate><!--T:117--> en</translate>|<translate><!--T:118--> Menu item</translate>|<translate><!--T:119--> menu item</translate>}}
 +
{{Chunk30:Help_screen_Form_Link_Type_Header/<translate><!--T:97--> en</translate>}}
 +
:[[File:Help30-Menus-Menu-Item-Text-Separator-link-type-options-<translate><!--T:19--> en</translate>.png|400px|none]]
 +
{{Chunk30:Help_screen_Link_Class/<translate><!--T:124--> en</translate>}}
 +
{{Chunk30:Help_screen_Link_Image/<translate><!--T:125--> en</translate>}}
 +
{{Chunk30:Help_screen_Image_Class/<translate><!--T:126--> en</translate>}}
 +
{{Chunk30:Help_screen_Add_Menu_Title/<translate><!--T:127--> en</translate>}}
 +
{{Chunk30:Help_screen_Display_In_Menu/<translate><!--T:128--> en</translate>}}
 +
{{Chunk30:Help_screen_Form_Module_Assignment_Header/<translate><!--T:98--> en</translate>}}
 +
:[[File:Help30-Menus-Menu-Item-System-module-assignment-<translate><!--T:99--> en</translate>.png|800px|none]]
 +
{{Chunk30:Help_screen_Menu_Item_Module_Assignment/<translate><!--T:100--> en</translate>}}
  
===Advanced Tab===
+
{{Chunk30:Help_screen_Toolbar_Header/<translate><!--T:62--> en</translate>}}
====Link Type Options====
+
{{Chunk30:Help_screen_Toolbar_Position/<translate><!--T:69--> en</translate>}}
:[[File:Help30-Menus-Menu-Item-Text-Separator-link-type-options.png]]
+
:[[File:Help32-Save-SaveClose-SaveNew-SaveAsCopy-Close-toolbar-<translate><!--T:26--> en</translate>.png|800px|none]]
{{Chunk30:colheader|Link Image}}
+
{{Chunk30:Help_screen_Toolbar_Function/<translate><!--T:70--> en</translate>}}
{{Chunk30:colheader|Add Menu Title}}
+
{{Chunk30:Help_screen_toolbar_icon_Save/<translate><!--T:28--> en</translate>|<translate><!--T:29--> menu item</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_SaveAndClose/<translate><!--T:30--> en</translate>|<translate><!--T:31--> menu item</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_SaveAndNew/<translate><!--T:32--> en</translate>|<translate><!--T:33--> menu item</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_SaveAsCopy/<translate><!--T:71--> en</translate>|<translate><!--T:72--> menu item</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_Close/<translate><!--T:73--> en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_Help/<translate><!--T:35--> en</translate>}}
  
===Module Assignments Tab===
+
{{Chunk30:Help_screen_Frontend_Screenshot_Header/<translate><!--T:101--> en</translate>}}
See [[Help30:Menus_Menu_Item_Manager_Edit|Menu Item Manager: New Menu Item]] for help on fields in '''[[Help30:Menus_Menu_Item_Manager_Edit#Module Assignment Tab|Module Assignments]]''' for this Menu Item.
+
{{Chunk30:Help_screen_screenshot_disclaimer/<translate><!--T:68--> en</translate>}}
 +
:[[File:Help30-Menus-Menu-Text-Separator-front-end-screenshot-<translate><!--T:37--> en</translate>.png|265px|none]]
  
==Toolbar==
+
{{Chunk30:Help_screen_Quick_Tips_Header/<translate><!--T:63--> en</translate>}}
At the top left you will see the toolbar:
+
<translate><!--T:40--> 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".</translate>
  
[[Image:Help30-Save-SaveClose-SaveNew-Cancel-Help-toolbar.png]]
+
{{cathelp|3.0,3.1,3.2,3.3,3.4,3.5,3.6,3.7,3.8,3.9,3.10|Menus Help Screens|Menu Item Manager Help Screens}}
 
 
The functions are:
 
{{Chunk30:Help_screen_toolbar_icon_Save|menu item}}
 
{{Chunk30:Help_screen_toolbar_icon_SaveAndClose|menu item}}
 
{{Chunk30:Help_screen_toolbar_icon_SaveAndNew|menu item}}
 
{{Chunk30:Help_screen_toolbar_icon_Cancel}}
 
{{Chunk30:Help_screen_toolbar_icon_Help}}
 
 
 
==Front End Screenshot==
 
[[Image:Help30-Menus-Menu-Text-Separator-front-end-screenshot.png]]
 
{{Chunk30:Help screen screenshot disclaimer}}
 
 
 
==Quick Tips==
 
* 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".
 
<noinclude>{{cathelp|3.0|Menu Item Manager Help Screens|Menu Item Help Screens}}</noinclude>
 

Latest revision as of 05:28, 23 March 2022

Other languages:
Deutsch • ‎English • ‎Nederlands • ‎français


Description[edit]

Used to provide a way to separate links with 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 Frontend Screenshot.


How to Access[edit]

Add a new menu item 'Separator'

  • Select Menus  [name of the menu]  Add New Menu Item from the dropdown menu of the Administrator Panel
  • Click the 'Menu Item Type' Select button Help30-Menu-Item-Type-Select-Button-en.png
  • Select System Links  Separator in the modal popup window.

Edit an existing menu item 'Separator'


Screenshot[edit]

Help30-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 menu item. Normally, you can leave this blank and Joomla will fill in a default value. The default value is the Title in lower case and with dashes instead of spaces. You may enter the Alias manually. Learn more about Aliases.

Details[edit]

  • 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. This determines how the new page will be opened. Options are:
    • Parent: Open new menu item in parent window. This is the default.
    • New Window With Navigation: Open menu item in a new window with full browser navigation (for example, "back" button).
    • New Without Navigation: Open menu item in a new window without browser navigation.
  • Template Style. Controls the template style for this menu item. A list box will show the available template styles for your site.
    • - Use Default -: Use the default style for the site to show this menu item.
    • [Template Style]: Select a specific template style to always show this menu item with that style.

Menu item sidebar
  • Menu. Shows which menu the menu item 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.
    • Menu Item Root: Select the default value if this is a top-level Menu Item.
    • [menu item title]: Select the Menu Item that is this menu item's parent.
  • Ordering. Indicates the order of this Menu Item in the Menu. The default Order is to add the Menu Item to the end of the Menu. This Menu Item will moved to the order position just after the Menu Item selected from the dropdown list. Note: The Order can also be changed in Menu Items.
  • Status. (Published/Unpublished/Trashed) The published status of the menu item.
  • Default Page. (Yes/No) 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 2 ways:
    1. Click on the Home column of the desired menu item in Menu Items.
    2. Open the menu item for the new default page and change the Default Page setting to Yes.
  • Access. Who has access to this menu item.
    • Public: Everyone has access.
    • Guest: Everyone has access.
    • Registered: Only registered users have access.
    • Special: Only users with author status or higher have access.
    • Super Users: Only super users have access.
  • Language. Select the language for this menu item. If you are not using the multi-language feature of Joomla, keep the default of All.
  • Note. Menu item note. This is normally for the site administrator's use (for example, to document information about this menu item) and does not show in the Frontend of the site.

Link Type[edit]

Help30-Menus-Menu-Item-Text-Separator-link-type-options-en.png
  • Link Class. An optional class 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.
  • Image Class. The class which is added to the image (src tag).
  • Add Menu Title. (Yes/No) If optional image is selected, shows a 'Menu Title' next to image.
  • Display in Menu. (Yes/No) Select No if you want to exclude this menu item from displaying in the menu.
    Note: Any submenu items will also be hidden.

Module Assignment[edit]

Help30-Menus-Menu-Item-System-module-assignment-en.png
  • Unassigned Modules. (Show/Hide) Show or hide modules unassigned to this menu item.
  • Unpublished Modules. (Show/Hide) Show or hide modules that are unpublished.


Toolbar[edit]

At the top left you will see the toolbar.

Help32-Save-SaveClose-SaveNew-SaveAsCopy-Close-toolbar-en.png

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.
  • Save as Copy. Saves your changes to a copy of the current menu item. Does not affect the current menu item.
    Note: This toolbar icon is only shown if you edit an existing menu item.
  • Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.


Frontend Screenshot[edit]

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

Help30-Menus-Menu-Text-Separator-front-end-screenshot-en.png


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".