Help310

Menus Menu Item Menu Heading: Difference between revisions

From Joomla! Documentation

mNo edit summary
mNo edit summary
Line 1: Line 1:
<noinclude><languages /></noinclude>
<noinclude><languages /></noinclude>
{{Chunk30:Help_screen_Description_Header/<translate><!--T:46--> en</translate>}}
{{Chunk30:Help_screen_Description_Header/<translate><!--T:46--> en</translate>}}
<translate><!--T:8-->
<translate><!--T:8-->
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 [[S:MyLanguage/Help30:Menus_Menu_Item_Menu_Heading#Front End Screenshot|Front End Example]] screenshot below.</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 [[S:MyLanguage/Help30:Menus_Menu_Item_Menu_Heading#Front End Screenshot|Front End Example]] screenshot below.</translate>
{{Chunk30:Help_screen_How_To_Access_Header/<translate><!--T:47--> en</translate>}}
{{Chunk30:Help_screen_How_To_Access_Header/<translate><!--T:47--> en</translate>}}
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Add/<translate><!--T:49--> en</translate>|<translate><!--T:50--> Menu Heading</translate>}}
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Add/<translate><!--T:49--> en</translate>|<translate><!--T:50--> Menu Heading</translate>}}
Line 10: Line 12:
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Edit/<translate><!--T:56--> en</translate>|<translate><!--T:57--> Menu Heading</translate>}}
{{Chunk30:Help_screen_How_To_Access_Menu_Item_Edit/<translate><!--T:56--> en</translate>|<translate><!--T:57--> Menu Heading</translate>}}
{{Chunk30:Help_screen_How_To_Access_Menu_Item_By_Title/<translate><!--T:58--> en</translate>}}
{{Chunk30:Help_screen_How_To_Access_Menu_Item_By_Title/<translate><!--T:58--> en</translate>}}
{{Chunk30:Help_screen_Screenshot_Header/<translate><!--T:48--> en</translate>}}
{{Chunk30:Help_screen_Screenshot_Header/<translate><!--T:48--> en</translate>}}
[[Image:Help31-Menu-Item-Heading-screenshot-<translate><!--T:10-->
[[Image:Help31-Menu-Item-Heading-screenshot-<translate><!--T:10-->
en</translate>.png|800px|border]]
en</translate>.png|800px|border]]


<translate>
{{Chunk30:Help_screen_Form_Header/<translate>en</translate>}}
==Details== <!--T:11-->
</translate>
<translate>
<translate>
===Details Tab=== <!--T:12-->
===Details Tab=== <!--T:12-->
Line 58: Line 59:
See [[S:MyLanguage/Help30:Menus_Menu_Item_Manager_Edit|Menu Item Manager: New Menu Item]] for help on fields in '''[[S:MyLanguage/Help30:Menus_Menu_Item_Manager_Edit#Module Assignment|Module Assignments]]''' for this Menu Item.</translate>
See [[S:MyLanguage/Help30:Menus_Menu_Item_Manager_Edit|Menu Item Manager: New Menu Item]] for help on fields in '''[[S:MyLanguage/Help30:Menus_Menu_Item_Manager_Edit#Module Assignment|Module Assignments]]''' for this Menu Item.</translate>


<translate>
{{Chunk30:Help_screen_Toolbar_Header/<translate>en</translate>}}
==Toolbar== <!--T:24-->
</translate>
<translate><!--T:25-->
<translate><!--T:25-->
At the top left you will see the toolbar:</translate>
At the top left you will see the toolbar:</translate>
Line 91: Line 90:
en</translate>}}
en</translate>}}


<translate>
{{Chunk30:Help_screen_Quick_Tips_Header/<translate>en</translate>}}
==Quick Tips== <!--T:39-->
</translate>
<translate><!--T:40-->
<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>
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>


{{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}}
{{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}}

Revision as of 08:52, 5 November 2021


Description

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 Front End Example screenshot below.


How to Access

Add a new menu item 'Menu Heading'

  • 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
  • Select System Links  Menu Heading in the modal popup window.

Edit an existing menu item 'Menu Heading'


Screenshot


Form Fields

Details Tab

For more information please see Menu Item Manager: Details Tab

Required Settings

  • Menu Title. The title that will display for this menu item.
  • 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.
  • Menu. Shows which menu the menu item will appear in.

Advanced Tab

Link Type Options

  • Link Title Attribute. An optional, custom description for the title attribute of the menu hyperlink.
  • 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 Assignments Tab

See Menu Item Manager: New Menu Item for help on fields in Module Assignments for this Menu Item.


Toolbar

At the top left you will see the toolbar:

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.
  • Help. Opens this help screen.

Front End Screenshot

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.


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