You are hereHome Joomla! Tutorial Extension instruction How to install Iframe plugin on your Joomla Website
How to install Iframe plugin on your Joomla Website PDF Print E-mail
Saturday, 06 September 2008 14:33

The first step to install Imagesized plugin on your website is to download the "Plugin Iframe, embed external site into your Joomla 1.5.x content" (which is free) and save it in a folder on your computer that you can easily find. It will be a zip file.

Download: Plugin Iframe, embed external site into your Joomla 1.5.x content

Once you have downloaded the Imagesized plugin for Joomla 1.5.x, you need to install it on your Joomla website.

To install this plugin you need to go to your website backend administrator.

When you are in your websites backend administrator go to the top menu bar selecting Extenstions --> Install/Uninstall

image sized plugin for Joomla 1.5.x

In the Extension Manager page

  1. Click the browse button and locate the plg_iframe.zip file you downloaded. When you select the file, the location of the file on your computer will populate the package file box.
  2. Click Upload File & Install.
image sized plugin for Joomla 1.5.x
 

 

When you have installed the plugin you can start using Imagesized plugin for Joomla 1.5.x on your website.

To start go to the top menu bar and select Extensions --> Plugin Manager

 

image sized plugin for Joomla 1.5.x

You will see a list of all the plugins in the Plugin Manager page.

Go to the filter section on the right hand side of the plugin page and select group type: content

image sized plugin for Joomla 1.5.x

This will list all the plugins for content (or Article) you have installed on your Joomla website. Here is an example of plugin list.

Iframe Plugin

Configuration Steps - This is how you can change a configuration of the Imagesized plugin for Joomla 1.5.x.

  1. Change the Title and give the title for easy realizing your plugin. It's better to keep the default title.
  2. Enabled - means the plugin will do its job on the content on your web page. We select Yes.
  3. Position - this is order we want the plugin to do its job. In this example the plugin will do its job last.
Iframe plugin

On the right side of the page In the Plugin parameters section we assign the following details;

  1. URL to show - The default link.
  2. Frame width and height: The width and height of display Iframe.
  3. Frame marginwidth and marginheight: The margin of Frame.
  4. Frameborder: choose yes - a border will be shown.
  5. Scroll bar: Set to show Scroll bar
  6. Name: the iframe variable, you do not care about it
  7. No Frame: The text will be shown if the Browser can not display Iframe
Iframe configuration

How to house an external Websites in a Joomla Article
  • The statement: {_iframe parameters}weblink{/iframe}
    1. The default value: {_iframe}{/iframe}
      The default parameters which are set in the Plugin parameters will be used!
    2. {_iframe width="640" height="480"}weblink{/iframe}
      A frame with the width of 640 pixel and height of 480 pixel will be díplayed.
      List of parameters are: width, height, marginwidth, marginheight, frameborder, scrolling, align, name, and noframes

      You can see the parameters at this link: http://www.w3schools.com/TAGS/tag_iframe.asp
    3. Each article you can house many iframes or there is no limit number of iframes in an article.
  • In real use: remove underscore letter (_iframe) before iframe word.

 

All completed - Let see your Article.

Here is the demonstration:

 

 


Some enquire emails:

 

Hi Viet,

thank you very much for your answer - I didn't expect your answer so fast.


It was actually my fault, because I used a wysiwyg-Editor. Although it was used. in source code mode height an width parameter were "translated" to height="800"  and this could not be interpreted as it should be.

I switched from wysiwyg to no-editor mode and corrected height parameter a height="800". This worked.

Perhaps it would be a good idea give a little hint in the documentation not to use wysiwyg-editors.


But is just as I said before: it was my fault.


Thank you for your work.


yours

Thomas


p.s.: I stored the external page into the image folder and call this "copy" - that also works.

 


I was looking for a mambot that would allow me to embed google maps without editing html source code.

This one does the job nicely.

You might just want to take care that the wysiwyg editor won't include formatting tags such as bold etc when you insert your link.
To remove formatting, I usually copy/paste the code in notepad then back in the wysywig editor .

 

 

Kulkul's World

Help kulkul's world better!!!

Amount: 

Exchange Links

Featured Links:
xahoihoctap.net
The social network for learning and self study.
Luyenkim.Net
Luyenkim.Net! The first Vietnamese website for metallurgy, materials science and engineering.
viet4777.vatlieu.us
Iron and steelmaking blog: teaching resources
Joomla! Extensions
Joomla! Components, Modules, Plugins and Languages by the bucket load.
Joomla! Shop
For all your Joomla! merchandise.