Home » Forum
NoNumber!

Joomla!® Websites & Extensions
development  -  support  -  consultancy

I try to respond within 48 hours (excluding weekends).
If I haven't responded by then, feel free to post a reminder or bug me via email.
My last reply was: 3 Hours, 31 Minutes ago.

Welcome, Guest
Please Login or Register.    Lost Password?
NoNumber! Forum
Extension Support
Modules Anywhere

The infamous "module styling" problem
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: The infamous "module styling" problem
#8881
The infamous "module styling" problem 1 Year, 9 Months ago  
Hello Peter,

I've just installed your extension "Modules Anywhere". Great extension by the way. I am confused on how I can style the module as right now the module appears with no styling. I am using a YOOtheme template and within the normal module parameters I have entered a module class suffix for the module.

If I put the module into a module position (i.e. left or right) it is styled with the module class suffix style. However, when I add the module to an article all of the styling is stripped.

I have done a search here and on the joomla forums. There are a couple of posts I have found pertaining to this however no solution was posted. Is it actually possible to achieve this? YOOtheme styles their modules using quite a few divs and sprites. I could just hard code all the CSS into the actual module (custom html) but that would be a major pain.

Do you know of a work around for this by chance? The same thing happens when using joomlas built-in "loadposition" tag so this is obviously a limitation of joomla not your extension but I figured I would ask you. Perhaps you know of something!

Thank you for your time,

Mark
Markstein
Posts: 5
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#8883
Re: The infamous "module styling" problem 1 Year, 9 Months ago  
www.nonumber.nl/forum/12-modules-anywher...dposition-with-style
www.nonumber.nl/forum/12-modules-anywher...ling-when-in-article
Peter van Westen
Admin
Posts: 9169
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#8903
Re:The infamous "module styling" problem 1 Year, 9 Months ago  
Hi Peter,

I had actually came across those threads but am still confused. You said in one of the posts the folowing:

yeah, they use a php file to generate a dynamic css. You should be able to add that to your template anyway.

Just take a look in the html source of the page where it does work. You should see the link tag with that css.php file in the head. Just copy the tag and place it in your templates index.php.

I take it you were saying it wasn't loading his CSS file. I tried inserting the following line into the <head> section of my templates index.php file:

<link rel="stylesheet" href="http://www.mysite.com/templates/yoo_level/css/modules.css" type="text/css" />


This led to the current styling of the site (not only modules) to change as YOOtheme gives you a file called "custom.css". This makes updating the template easy as you don't lose all of your CSS changes when updating.

The custom.css file IS loaded on every page (looking at the source). I have the the CSS style for the modules suffix "rounded-white" in the custom.css file however nothing happened when I place the module into an article. I do notice that using Firebug in firefox that the module does not even have all of the divs for the styling. I only get the following code:

<div class="moduletablerounded-white">
<h3>my module</h3>
<div style="text-align: center;">test mod</div>
</div>


In the code above, "rounded-white" is my module class suffix on the module. I am not sure where to go from here. If you would like to take a look at an example the URL is:

telmantec.com/clients/case-studies/case-study-educational

At the very bottom of the page you will see "My module". This is placed using Modules Anywhere. The modules on the left are styled as they should be using a module class suffix "rounded". Any further help from you or anyone else that has a solution would be much appreciated.

Keeping my fingers crossed and thank you,

Mark
Markstein
Posts: 5
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#8904
Re:The infamous "module styling" problem 1 Year, 9 Months ago  
Also, just a quick note, if you look at the modules on the left side in firebug they have the entire div structure of what should be appearing.
Markstein
Posts: 5
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#8910
Re:The infamous "module styling" problem 1 Year, 9 Months ago  
If you look in the templates index.php. With what tag are the modules on the left placed?
Something like:
<jdoc:include type="modules" name="left" style="xxx" />

The 'xxx' is the style of the module. Is that 'rounded'?
If not, use the style set in the jdoc tag in your {module} tag.
Peter van Westen
Admin
Posts: 9169
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#8925
Re:The infamous "module styling" problem 1 Year, 9 Months ago  
Hi Peter,

Thank you for your help on this. In the index.php file for the left modules it has this line:

<jdoc:include type="modules" name="left" style="yoo" />


Unfortunately I'm not sure what you mean by saying:

If not, use the style set in the jdoc tag in your {module} tag.

Do you mean the module class suffix of the actual module or the module tag placed by Modules Anywhere? If it's the module tag placed by Modules Anywhere how would I code that?

Thank you,

Mark
Markstein
Posts: 5
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#8927
Re:The infamous "module styling" problem 1 Year, 9 Months ago  
Just do:
{module my module|yoo}

Also read this for more info on syntax:
www.nonumber.nl/modulesanywhere/syntax
Peter van Westen
Admin
Posts: 9169
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#8928
Re:The infamous "module styling" problem 1 Year, 9 Months ago  
YES! That worked like a charm. Thank you so much!

Mark
Markstein
Posts: 5
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#9970
Re:The infamous "module styling" problem 1 Year, 7 Months ago  
I´m also having some problem with the styling... it breaks my layout and pushes the right column to the bottom...

I use:
<div>{module 76|table}</div>
<div style="clear:both"></div>


and that works.. however.. if I remove "table" it dosent work any more


ideas?
Mackelito
Posts: 38
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#9972
Re:The infamous "module styling" problem 1 Year, 6 Months ago  
That's all down to how joomla and/or your template outputs the modules.
With table, it is wrapped in a table... otherwise it will use the default module html style.

The way it looks is dependent on what html is outputted and how your templat+css is built up.
Peter van Westen
Admin
Posts: 9169
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#9978
Re:The infamous "module styling" problem 1 Year, 6 Months ago  
hmm.. ok.. but when I put it in a joomla position it works just fine?
Mackelito
Posts: 38
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#9984
Re:The infamous "module styling" problem 1 Year, 6 Months ago  
Yeah, because that is probably how the templates css is built up... to style the thing when in a module position.
Also your template might be forcing the modules in those positions to use the table style.
Peter van Westen
Admin
Posts: 9169
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#9987
Re:The infamous "module styling" problem 1 Year, 6 Months ago  
hmm.. I use Afterburner from RT and the only tables used are from jReviews...
Mackelito
Posts: 38
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
NoNumber! Forum
Extension Support
Modules Anywhere
Moderators: Peter van Westen
Open Source Training | Online Joomla! Training and Support
hosting joomla
MaxCDN | Content Delivery Network | Accelerate your site to the max
Copyright © 2009-2012 - NoNumber! - All Rights Reserved - Terms of Service - Privacy Policy

NoNumber.nl is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.