greengeek
greengeek
Offline
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.
Responses (13)
  • Accepted Answer

    Sunday, March 07 2010, 09:30 AM - #Permalink
    0
    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...
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Sunday, March 14 2010, 06:30 AM - #Permalink
    0
    Any luck on this? Or any tips on what I should look for in the css code to manually make the changes? Thanks again!
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Friday, March 19 2010, 09:26 PM - #Permalink
    0
    Still 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:

    http://threechimps.com/pics/random.jpg
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Tuesday, March 23 2010, 06:42 PM - #Permalink
    0
    Sorry, I know you have been busy. Thought I would just bump this up so that this issue doesn't get lost in all the traffic.
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, March 23 2010, 06:45 PM - #Permalink
    0
    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?
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Tuesday, March 23 2010, 07:24 PM - #Permalink
    0
    I know just very basic css. Not sure if I understand exactly what I need to do to affect the layout of this module via css.
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Wednesday, March 24 2010, 11:14 PM - #Permalink
    0
    germi 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:
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Sunday, April 04 2010, 06:54 AM - #Permalink
    0
    Any suggestions on how to get this module to work on a horizontal layout when not using carousel mode?
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Thursday, April 08 2010, 02:41 AM - #Permalink
    0
    germi 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!
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Friday, April 09 2010, 02:19 AM - #Permalink
    0
    hello?
    The reply is currently minimized Show
  • Accepted Answer

    Friday, April 09 2010, 02:52 PM - #Permalink
    0
    hello 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
    The reply is currently minimized Show
  • Accepted Answer

    greengeek
    greengeek
    Offline
    Saturday, April 17 2010, 12:39 AM - #Permalink
    0
    In 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.
    The reply is currently minimized Show
  • Accepted Answer

    J. Lukass
    J. Lukass
    Offline
    Friday, April 30 2010, 08:13 AM - #Permalink
    0
    Hi Germi!

    Have also problems with the module (horizontal)
    Possibly a new version is planned???

    The module would like to display on one page horizontally and vertically on a second page. Is the possibly?

    Can i hide the Arrows somehow?

    Thank you :)
    The reply is currently minimized Show
Your Reply