Hubsite iframes

Summary

Hubsites allow us to embed another web page within a hubsite page. This is most often used to display documents from Joomla, but this will explain how to create and edit iframes for any occasion.

Body

Sections

understanding Generic link structure 

The structure of the link may not be very interesting, but understanding it can help troubleshoot issues, or quickly swap out joomla document links without having to search for full links. 

Lets take a look at a "normal" link that you may be used to and break it down:

https://www.facebook.com/MatSuBorough/

Any time you see a slash or a period, this means an end or start to a new section of the address. Just like we structure "City, State" in addresses with that comma in between so that even to people not familiar with a city will recognize Palmer as a city in Alaska, the punctuation within a web URL changes the meaning of each item. 

  • https:// - this says how you are getting there - securely (https) or not (http). Securely in this way only means whether or not people/bots can see what you and the website talk to back and forth or not - it does not mean the site is safe, just that the data you send or receive from the site is only visible between you and the site. 
  • www - this is either where the www or world wide web goes, or the subdomain
  • facebook - this is the main domain
  • com - this is called a top level domain, and can tell you a LOT about a website. com=commerce, edu=education, de=germany, gov=us government. Some of these have strict rules (org, gov, edu) whereas others are more 
  • MatSuBorough - this is an item or folder within the main domain

A good comparison might be if we wrote a street address in that form: 

car://99654.Palmer.AK/EDahliaAve/350

Its a bit messy, but only because we aren't used to it. If we keep up with that example and want to direct someone to an office, it would look like this:

car://99654.Palmer.AK/EDahliaAve/350/2ndFloor/Admin/

So you see, the more details you want, the more you add at the end. Each layer of detail is a new /section.  In websites, these are folders. This means that when you look at an address like this: 

https://matsugov.us/documents/cdn/PortMacKenzie_AreaAccess_11x17_Pic.png

This means that on the matsugov site, there is a documents folder, and inside of it a cdn folder, and inside of that, a png or image file with the name PortMacKenzie_AreaAccess_11x17_Pic.

 

Back to top

 

Joomla/Hubsite Document Link Structure

How they are created: The links we create are actually styled menus from the Joomla system. We create a new menu, tell it to only grab the articles with specific tags, and to display it in a specific ways. With a little bit of magical web maneuvering, the menu becomes its own styled web page that we can make into a link. 

 

Link structure:  

https://matsugov.us/ss4a/docs

Like above, the last parts are where the details come from 

  • https://matsugov.us/ - The main site, dont change this! 
  • ss4a/ - our way of sorting out each of the sites and the menus under each one. we create a larger group for your site, then put the rest of them inside of that group. 
  • docs - the really important part - this is the part you want to update if you are changing from one tag to another.

Back to top

Creating iframes

Creating iframes is very quick and easy. Follow the instructions below, click on any image to view a larger version. 

1. Drag the iframe widget onto the page you would like the documents displayed on. 

Uploaded Image (Thumbnail)2. This is how the item will show on the page, waiting for you to fill in the details. The edit menu on the left should already appear, but if not, make sure to click on this section. 

Uploaded Image (Thumbnail)3. In the edit menu, you will paste the url we have sent you from joomla in the url field. 

Uploaded Image (Thumbnail)4. Once you have pasted in the URL, hit the apply button and you will see any documents you have added to that tag/view appear. 

Uploaded Image (Thumbnail)

 

Back to top

Details

Details

Article ID: 183
Created
Thu 9/12/24 9:31 PM
Modified
Fri 5/16/25 5:28 PM

Related Articles

Related Articles (1)

Learn how to upload documents to Joomla and tag them correctly for them to show up in your Hubsite.