Actions

Help25

Difference between revisions of "Menus Menu Item Wrapper"

From Joomla! Documentation

m (Internal Link - Wrapper: categorizing)
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
==Internal Link - Wrapper==
+
{{RightTOC}}
When the Wrapper link is selected, it expands to display the Wrapper layout. This is used to show an external web site inside a page in your web site, using an HTML [[:Wikipedia:IFrame|IFrame]]. The external web site is contained inside the Wrapper. You can navigate to different pages in the wrapped web site, all inside the page of your web site. The example below shows the Joomla! web site inside a Wrapper. [[Image:menu_item_type_wrapper.jpg|frame|center]]
+
==How To Access==
 +
To create a new External URL 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 '''New''' to create a new menu item.
 +
* Click the Menu Item Type Select button and then click the '''Iframe Wrapper''' under Wrapper.
  
'''Parameters - Basic'''
+
To edit an existing IFrame Wrapper, click its Title in [[Help25:Menus_Menu_Item_Manager|Menu Manager: Menu Items]].
The Wrapper Layout has the following Basic Parameters, as shown below. [[Image:wrapper_basic_parameters.png|frame|center]]
+
*'''Wrapper URL.''' URL for the web site to open inside the Wrapper IFrame.
+
*'''Scroll Bars.''' Whether or not to include horizontal and vertical scroll bars. Auto will add the scroll bars automatically when needed.
+
*'''Width.''' Width of the IFrame Window. You can enter in a number of pixels or enter in a percentage by including a "%" at the end of the number. For example, "550" means 550 pixels. "75%" means 75% of the page width.
+
*'''Height.''' Height of the IFrame window, either in pixels or percent (by adding "%" to the number).
+
  
<noinclude>{{cathelp|2.5|Menu Item Manager|Menus}}</noinclude>
+
==Description==
 +
Used to create a page with embedded content using an [[wikipedia:HTML_element#Frames|IFrame]] with control of iframe size, width and height.
 +
 
 +
==Screenshot==
 +
[[Image:Help25-Menus-Menu-Item-Wrapper.png]]
 +
 
 +
==Column Headers==
 +
===Basic Options===
 +
[[Image:Help25-Menus-Menu-Item-Wrapper-Basic-Options-screenshot.png]]
 +
{{chunk25:colheader|URL}} Generally, it is a good idea to always add http:// or https:// when providing a URL. There is a [[Help25: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.
 +
 
 +
===Scroll Bar Parameters===
 +
[[Image:Help25-Menus-Menu-Item-Wrapper-Scroll-Bar-parameters-screenshot.png]]
 +
{{Chunk25:colheader|Scroll Bars}}
 +
{{Chunk25:colheader|Width}}
 +
{{Chunk25:colheader|Height}}
 +
 
 +
===Advanced Options===
 +
[[Image:Help25-Menus-Menu-Item-Wrapper-Advanced-options-screenshot.png]]
 +
{{Chunk25:colheader|Auto height}}
 +
{{Chunk25:colheader|Auto add}}
 +
{{Chunk25:colheader|Frame border}}
 +
 
 +
===Common Options===
 +
See [[Help25:Menus_Menu_Item_Manager_Edit|Menu Item Manager: New Menu Item]] for help on fields common to all Menu Item types, including Details, Link Type Options, Page Display Options, Metadata Options, and Module Assignments for this Menu Item.
 +
 
 +
==Toolbar==
 +
At the top right you will see the toolbar:
 +
 
 +
[[Image:Help25-Toolbar-Save-SaveClose-SaveNew-Cancel-Help.png]]
 +
 
 +
The functions are:
 +
{{Chunk25:Help_screen_toolbar_icon_Save|menu item}}
 +
{{Chunk25:Help_screen_toolbar_icon_SaveAndClose|menu item}}
 +
{{Chunk25:Help_screen_toolbar_icon_SaveAndNew|menu item}}
 +
{{Chunk25:Help_screen_toolbar_icon_Cancel}}
 +
{{Chunk25:Help_screen_toolbar_icon_Help}}
 +
 
 +
==Related Information==
 +
* To create a new menu see [[Help25:Menus_Menu_Manager|Menus Menu Manager]].
 +
 
 +
<noinclude>{{cathelp|2.5|Menu Item Manager Help Screens|Menus Help Screens}}</noinclude>

Latest revision as of 14:27, 21 March 2013

Contents

How To Access

To create a new External URL 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 New to create a new menu item.
  • Click the Menu Item Type Select button and then click the Iframe Wrapper under Wrapper.

To edit an existing IFrame Wrapper, 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

Help25-Menus-Menu-Item-Wrapper.png

Column Headers

Basic Options

Help25-Menus-Menu-Item-Wrapper-Basic-Options-screenshot.png

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

Scroll Bar Parameters

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

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

Help25-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: New Menu Item for help on fields common to all Menu Item types, including Details, Link Type Options, Page Display Options, Metadata Options, and Module Assignments for this Menu Item.

Toolbar

At the top right you will see the toolbar:

Help25-Toolbar-Save-SaveClose-SaveNew-Cancel-Help.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.
  • Cancel/Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

Related Information