0
I am trying to get a horizontal 5 album layout in the Random and Featured albums module (Charts) module.
Instead of showing horizontally they are showing vertically one on top of the other. These are the pertaining settings I have.
Load JQuery library: No
Use carousel: No
How many albums to show at a time: 5
Number of RANDOM albums: 5
Orientation: Horizontal
What is odd is if I use the JQuery/Carousel settings to YES it shows up horizontal. With them turned off it shows up vertical even though horizontal is the orientation checked on both. Unfortunately because of some compatibility issues with the JQuery library with some of my other modules I need to get this layout working without using JQuery/Carousel mode.
Any ideas? Thank you.
website: http://threechimps.com/index.php?option=com_muscol&view=artists&Itemid=2
Module at the very bottom of the page.
Instead of showing horizontally they are showing vertically one on top of the other. These are the pertaining settings I have.
Load JQuery library: No
Use carousel: No
How many albums to show at a time: 5
Number of RANDOM albums: 5
Orientation: Horizontal
What is odd is if I use the JQuery/Carousel settings to YES it shows up horizontal. With them turned off it shows up vertical even though horizontal is the orientation checked on both. Unfortunately because of some compatibility issues with the JQuery library with some of my other modules I need to get this layout working without using JQuery/Carousel mode.
Any ideas? Thank you.
website: http://threechimps.com/index.php?option=com_muscol&view=artists&Itemid=2
Module at the very bottom of the page.
Responses (13)
-
Accepted Answer
-
Accepted Answer
-
Accepted Answer
0Still totally loss on this one. Appears with the carousel turned off it no longer uses the tango skin css. From what I can tell it looks like it might be using the random_album.css Unfortunately I am not seeing anything obvious to change in that css to make it go from the default vertical view it shows up as with the carousel turned off to the horizontal look that I want. Going through all the topics here on the forums isn't helping at all either because they all seem to address issues with the tango skin css which isn't matching up anything in the random_album.css and doesn't seem to change anything no matter what changes I make in it.
Please advise.
I need this to show up horizontal. screenshot:
-
Accepted Answer
-
Accepted Answer
0sorry
yes, it does not load the skin.css if jcarousel is off.
to make this show horizontaly you only need css styling. my suggestion is that you give the module a sufix class, and then, on your template css file, you give the LI elements (the albums) of that module some "float:left;" properties that make them show horizontal. do you know what I mean?
do you know css? -
Accepted Answer
-
Accepted Answer
0germi wrote:
sorry
yes, it does not load the skin.css if jcarousel is off.
to make this show horizontaly you only need css styling. my suggestion is that you give the module a sufix class, and then, on your template css file, you give the LI elements (the albums) of that module some "float:left;" properties that make them show horizontal. do you know what I mean?
do you know css?
Sorry, lost on this one. Would i attempt to add these elements in the random_album.css file? :huh: -
Accepted Answer
-
Accepted Answer
0germi wrote:
uops!
yes... :S the "automatic css" was for jcarousel on.
if its off, then you'll have to go with manual styling...
I'll try to automatize this as well...
Any update on this? I am stuck using this module without the jcarousel as it is not compatible with any other ajax on my website when it is enabled. Unfortunately with the jquery disabled, I can't do anything with the layout! -
Accepted Answer
0hello greengeek
it looks like you'll have to wait a little longer, or do it yourlsef. its causing me a little more problems than I thought
if you want to adjust it yourself, you can do it on the template file, wich is:
/modules/mod_muscol_recently_added/tmpl/plain.php
there you have the HTML, and can add some CSS classes or so, to style it through your CSS files the way you like -
Accepted Answer
0In case anyone else is wondering how to edit this module to show up horizontal view when not in carousel mode, it turns out to be far easier than I expected.
Open modules\\mod_muscol_featured_albums\\tmpl\\random_album.css
and adjust the .random_album class to float left. So something like this:
.random_album{
padding:8px;
float:left;
}
adjusting the padding to space it out the albums. -
Accepted Answer
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »