Jamroom Logo Jamroom 5 Core
is now Open Source!
User Support Forum Archive (Read Only)
Ultrabubble:
making an adjustment to jSwitcher module
boplive



Joined: 03 May 2006
Posts: 817

Posted: 05/19/09 15:31 
Hi there SteveX

Is there anyway of modify the jSwitcher module(style switcher).
Arrow As it is right now...each link(word) to click on is beneath each other.

Nova
Nova2
Nova3

Arrow Is there anyway that it can be next to each other on the same row.

Nova Nova2 Nova3

Arrow AND I have an idea Idea also -is this possible to do:
having an image(like 3 little boxes of differnet colors)
so when u click on the color boxes..it changes.

If it can not be done....it's ok...

but if you think it could be done Very Happy ..and you want to let me know where to begin and where to check...i'll give it a shot Wink .

Thanxxxxxxxxxxxxxxx Cool

Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 05/19/09 16:03 
Yes, you can modify it. The output is a simple unordered list, so any type of menu css can be applied. Here are a few examples:
http://css.maxdesign.com.au/listamatic/

It might seem counterintuitive, but if you rtfm the brief ujSwitcherREADME file, it provides the necessary css to make a basic horizontal menu out of the list (you need to add the css to each of your style sheets).

As far as menu tracking goes, it can't be done really easily as it stands, but it is a good suggestion so I will get this into an update later this week.


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 05/20/09 01:46 
OK, ujSwitcher has been updated to v1.0.1 and now adds the stylesheet name as an id to the list item.

This allows you to place different css in each style sheet so that the current stylesheet's link is highlighted.

eg, using the example from the ReadMe file, in Nova.css after the above css you would add the following:

#ujswitcher li#Nova a {
background: #336699;
}

And in Nova2.css add

#ujswitcher li#Nova2 a {
background: #336699;
}

And in Nova3.css add

#ujswitcher li#Nova3 a {
background: #336699;
}

If you download the new version from the Marketplace and add this css to your stylesheets, this will highlight the currently selected stylesheet's button in the horizontal menu.


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
boplive



Joined: 03 May 2006
Posts: 817

Posted: 05/20/09 15:22 
Very Happy

SteeeeeeeeeeeeeeeeeeeeeveXcellent work... Wink

I know there will be many people who will be using this script...and they are going to be happy...


Once again....SteeeeeeeeeeeeveXcellent work Cool

Thanxxxxxxxxxxxx so much

Ed

Back to top
Display posts from previous:   
User Support Forum Archive (Read Only)
Ultrabubble

 
Solutions
• Social Media Platform
• Social Networking Software
• Musician Website Manager
• Community Builder
Products
• Jamroom Core
• Jamroom Addons
• Jamroom Modules
• Jamroom Marketplace
Support
• Support Forum
• Documentation
• Support Center
• Contact Support
Community
• Community Forum
• Member Sites
• Developers
Company
• About Us
• Contact Us
• Privacy Policy
©2003 - 2010 Talldude Networks, LLC.