Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Modules Help.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I need some help.

I want to remove all of the modules in the middle section of the site making it one big module stretching 100% with auto height to place an iframe into.

I am creating a demo site and only need the top menu area for the logo and menu to switch between templates.

And I need the footer. How can I make this possible with this template.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
Last Edit: 7 years 7 months ago by manh.
The administrator has disabled public write access.
By middle section - not 100% sure what exactly you mean.

If you simply don't have any modules in those rows does not work for you?

You will need to set a module position at 12 spans for the iframe

www.joomlabamboo.com/blog/how-to-joomla/how-to-resize-position-widths-in-t3-templates

so in module position tab it needs to be set as 1

You may have to adjust padding and margin for the position row that you chose via the custom.css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
demo.jumpstartbusinessinnovations.com/index.php/template2 You can look at this for example. I need that Iframe to take up the entire middle section. Keeping the footer with the copyright and the header area with banner menu area. And keeping only one module or space in the center.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
The administrator has disabled public write access.
Do you mean extending outside its container?

These values will remove space

.row-fluid [class*="span"] {min-height:0;}
#mainWrap .zen-container {padding:0;}

once added to the custom.css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I mean physically deleting the modules so they dont exist. Meaning one module will be in the center. With the footer module, the banner module, and the top section including the logo area and the menu area which are in modules, left behind. Meaning I would only have 4 total modules. Or areas to use. The banner module, the menu area module, the logo module, the footer module. That is all I need. Just 4 modules.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
The administrator has disabled public write access.
That's what you have now (above instead of banner)

logo, navigation, above and copyright

The rest is spacing you can remove via css

e.g. build on this

.row-fluid [class*="span"], #midCol {min-height:0;}
#mainWrap .zen-container {padding:0;}
body .span8.copyright {display:none;}
#zen-copyright {float: left;}
#footerwrap .span4 {margin-left: 0;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
If you look at the page again. The object in the center is Iframe inserted into the above position. Now what I need to do is have the above width and height automatically flex depending on the computer screen size. Meaning that entire section hits the edge of the screen and has no dimensional restrictions. So if I view the page on a screen at 82 inches it will show the middle section as that iframed site. Thats what I am after. Sorry for the confusion.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
The administrator has disabled public write access.
Another way to look at it is like the topcolour divider area changes depending on the screen size and the zoom. I know that is a static image but i need the same functionality out of the above module. Is this even possible.

To clarify even farther. I am trying to design a demo site such as yours.
demo.joomlabamboo.com/

I am going to use the top area to have the logo and the menu with template selector. As well as some other picture. Then use the above module position to insert an iframe into depending on the page. And then keep the footer in there for copyright of our site. I hope this explains exactly what I am trying to do.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
The administrator has disabled public write access.
This is a visual of what I would like. How can I get the code to this. The module title isnt important.
Attachments:
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
The administrator has disabled public write access.
I'm not a 100% how to make a responsive iframe - its not something I've come across

I think you will need to experiment with tutorials
stackoverflow.com/questions/17838607/making-an-iframe-responsive

I'll see if Anthony the developer has any input on this

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Steve,

Looking through the thread I think the best thing to do is just to use static html actually.

Thats what we did with the iframe for the demo.

Paul is right you need to use a script to firstly make the iframe 100% and then there are some issues with iframe being responsive too. The link Paul pointed to is a good resource for that.

Check out this Themeforest thread regarding creating an iframe liek the one we have:
themeforest.net/forums/thread/iframe-theme-changer/45435

Hope that helps.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thanks for that link. That ended up helping greatly. Thats all I was trying to do. Appreciate it.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
The administrator has disabled public write access.
Just thought I'd check out it - so to give you a heads up it doesn't seem work be working on that link

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ive got the page how I want it now. Thanks to Anthony and his help. It might not be in your template but it works. Thanks for the help Anthony.

You can check it out at demo.jumpstartbusinessinnovations.com.
  • Steve Garland's Avatar
  • Steve Garland
  • 12 Month Developer
  • 19 posts
  • Karma: 0
Last Edit: 7 years 7 months ago by Steve Garland.
The administrator has disabled public write access.
Right - I'll pass on your thanks

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers