Actions

Help35

Difference between revisions of "Menus Menu Item Wrapper"

From Joomla! Documentation

(major update of Help Screen, layout to reflect other layouts)
m (Toolbar: toolbar location)
(4 intermediate revisions by one other user not shown)
Line 8: Line 8:
 
To edit an existing IFrame Wrapper Menu Item, click its Title in [[Help30:Menus_Menu_Item_Manager|Menu Manager: Menu Items]].
 
To edit an existing IFrame Wrapper Menu Item, click its Title in [[Help30:Menus_Menu_Item_Manager|Menu Manager: Menu Items]].
 
==Description==
 
==Description==
Used to create a page with embedded content using an IFrame with control of iframe size, width and height.  
+
Used to create a page with embedded content using an [[wikipedia:HTML_element#Frames|IFrame]] with control of iframe size, width and height.
  
 
==Screenshot==
 
==Screenshot==
Line 16: Line 16:
 
For more information please see Menu Item Manager: [[Help30:Menus_Menu_Item_Manager_Edit#New Menu Item Details|Details Tab]]
 
For more information please see Menu Item Manager: [[Help30:Menus_Menu_Item_Manager_Edit#New Menu Item Details|Details Tab]]
 
====Required Settings====
 
====Required Settings====
 +
{{chunk30:colheader|URL}} Generally, it is a good idea to always add http:// or https:// when providing a URL. There is a [[Help30:Menus Menu Item Wrapper#Advanced Options|Auto add]] function to prefix a URL with http:// unless it detects the prefix in the URL. ''NOTE - Use the relative path to a web page address on Joomla installation. If your Joomla! website is <code><nowiki>http://www.example.com</nowiki></code>, then use <code> /html_docs/example.html</code> omitting <code><nowiki>http://www.example.com</nowiki></code> and make sure the 'Auto add' function is disabled.
 
{{chunk30:colheader|Menu Title}}
 
{{chunk30:colheader|Menu Title}}
{{chunk30:colheader|URL}} ''NOTE'' - use relative path to a web page address on Joomla installation. If your Joomla! website is <code><nowiki>http://www.example.com</nowiki></code>, then use <code> /html_docs/example.html</code>.
 
 
{{chunk30:colheader|Menu Location}}
 
{{chunk30:colheader|Menu Location}}
  
Line 42: Line 42:
  
 
==Toolbar==
 
==Toolbar==
At the top right you will see the toolbar:
+
At the top left you will see the toolbar:
  
 
[[Image:Help30-Save-SaveClose-SaveNew-Cancel-Help-toolbar.png]]
 
[[Image:Help30-Save-SaveClose-SaveNew-Cancel-Help-toolbar.png]]
Line 52: Line 52:
 
{{Chunk30:Help_screen_toolbar_icon_Cancel}}
 
{{Chunk30:Help_screen_toolbar_icon_Cancel}}
 
{{Chunk30:Help_screen_toolbar_icon_Help}}
 
{{Chunk30:Help_screen_toolbar_icon_Help}}
 
==Front End Screenshot==
 
{{Chunk30:Help screen screenshot disclaimer}}
 
:[[Image:Help30-Menus-Menu-Wrapper-front-end-screenshot.png]]
 
  
 
==Quick Tips==
 
==Quick Tips==

Revision as of 11:01, 5 January 2013

How To Access

To create a new IFrame Wrapper Menu Item:

  • Select Menus  [name of the menu] from the drop-down menu on the back-end of your Joomla! installation (for example, Menus  Main Menu).
  • Click the New Toolbar button to create a new menu item.
  • Click the Menu Item Type Select button Help30-Menu-Item-Type-Select-Button.png and then click the Iframe Wrapper Menu Item link under Wrapper.

To edit an existing IFrame Wrapper Menu Item, click its Title in Menu Manager: Menu Items.

Description

Used to create a page with embedded content using an IFrame with control of iframe size, width and height.

Screenshot

Help30-Menus-Menu-Item-Wrapper.png

Details

Details Tab

For more information please see Menu Item Manager: Details Tab

Required Settings

  • URL. Field to enter a URL (web page address). Generally, it is a good idea to always add http:// or https:// when providing a URL. There is a Auto add function to prefix a URL with http:// unless it detects the prefix in the URL. NOTE - Use the relative path to a web page address on Joomla installation. If your Joomla! website is http://www.example.com, then use /html_docs/example.html omitting http://www.example.com and make sure the 'Auto add' function is disabled.

<translate>

  • Menu Title: The title that will display for this menu item.</translate>

<translate>

  • Menu Location: The menu that this menu item (choice) will be part of. The menus defined for the site will show in the list box.</translate>

Advanced Tab

Scroll Bar Parameters

Help30-Menus-Menu-Item-Wrapper-Scroll-Bar-parameters-screenshot.png

<translate>

  • Scroll Bars: (No/Yes/Auto) Whether or not to include horizontal and vertical scroll bars, no or yes. Auto will add the scroll bars automatically when needed because of embedded page size.</translate>

<translate>

  • Width: Width of the IFrame Window. Enter in a number of pixels or enter in a percentage (%). For example, "550" means 550 pixels. "75%" means 75% of the page width.</translate>
  • Height. Height of the IFrame Window. Enter in a number of pixels or enter in a percentage (%). For example, "550" means 550 pixels. "75%" means 75% of the page height.

Advanced Options

Help30-Menus-Menu-Item-Wrapper-Advanced-options-screenshot.png
  • Auto height. Automatically set height to height of external page. Note - this will only work if the external page is on the same domain. For example, http://www.example.com the external html must be in the example.com root file structure. Sub domains will not work, as a sub domain is considered a separate domain.
  • Auto add. Automatically prefix web address with http://. This feature will automatically detect and not prefix a URL with http:// or https:// already used in the URL.
  • Frame border. Add a border around the IFrame window.

Common Options

See Menu Item Manager: Edit/New Menu Item for help on fields common to all Menu Item types, under the Advanced Details Tab which includes:

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:

Help30-Save-SaveClose-SaveNew-Cancel-Help-toolbar-en.png

The functions are:

<translate>

  • Save: Saves the menu item and stays in the current screen.</translate>

<translate>

  • Save & Close. Saves the menu item and closes the current screen.</translate>

<translate>

  • Save & New. Saves the menu item and keeps the editing screen open and ready to create another menu item.</translate>

<translate>

  • Cancel/Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.</translate>

<translate>

  • Help. Opens this help screen.</translate>

Quick Tips

Related Information