Home
mfSlideBar: Sliding sidebar for Joomla modules
mfSlideBar A common problem in web design is having a lack of space. mfSlideBar gives you a fancy Web 2.0 solution for this problem. Simply place modules in to a nice sliding side bar on your Joomla! website.

You can place any module in to this sliding sidebar and you can set your own theme / style. mfSlideBar is very flexible and comes in sliding from the left or the right of the page.

Want to have a nice Web 2.0 sliding sidebar showing your modules on your website? mfSlideBar is your solution.

mfSlideBar works with Prototype.js.

Demo (movie)

In this demo, I'm showing the "simple" and "light" theme, loading different module positions. Sorry for the bad demo, but I hope you get the idea.

Install on Joomla! 1.0.x

  1. Log in to your back-end of the site
  2. Go to "Installers", "Modules"
  3. Click on "Browse" and navigate to the downloaded ZIP archive
  4. Press "Upload File & Install"
  5. Go to "Modules", "Site Modules"
  6. Search for mfSlideBar and edit it
  7. Set your parameters
  8. Save and publish the module

Install on Joomla! 1.5

  1. Log in to your back-end of the site
  2. Go to "Extensions", "Install/Uninstall"
  3. Click on "Browse" and navigate to the downloaded ZIP archive
  4. Press "Upload File & Install"
  5. Go to "Extensions", "Module Manager"
  6. Search for mfSlideBar and edit it
  7. Set your parameters
  8. Save and publish the module

How to use

mfSlideBar allows you to add a nice sliding sidebar to your Joomla! website.

Setup

Publish this module on any position. Set the module position it should load and other paramaters and you're ready to go.

Never use the same module position as it's loaded in. For example, when you placed mfSlideBar in position "left", do not load other modules from position "left". Otherwise you'll create an infinate loop & your website will crash.

Change the "Image width" to the width of the original image in px when placing mfSlideBar on the right, otherwise it will not show up properly in every web browser.

This module is best viewed when "Show title" is set to "No".

Themes

mfSlideBar comes default with three themes: dark, light & simple. They look like this:

         

To create your own theme, add them in hem in the following directory:

modules/mod_mfslidebar/templates/

Now create a directory starting with your theme name and if it's placed on the left or right. Seperate those with a "-" symbol. Add your own "slide-button.gif" and "slide-button-active.gif" that fits your template. Place your template in your module parameters and you're done.

Example:

modules/mod_mfslidebar/templates/newTemplate-right/

Don't forget to publish this module!

Download

Attribution-Share Alike 3.0

Feel free to give feedback about this module. Enjoy using it!



Tags:  module free joomla webdesign

Interested in this topic? You might enjoy another article I've written called

Comments
Add NewSearchRSS
Sergio - how to use prototype.js   | 79.7.73.xxx | 2008-04-17 17:28:54
Gravatar image Hi,

first of all let me congratulate about all you work, this is soooo good.

Can you help me with the use of prototype.js with Joomla? how do I install this?

best regards,

srj
Himgoku - Clicking on sidebar results reloading homepage   | 83.84.176.xxx | 2008-04-17 21:08:53
Gravatar image Hi, very nice module!

The only thing is that when I click on the sidebar the homepage reloads no matter where I am on the site.
Is this a bug or is there a fix that let me stay on the current page after clicking?

Best Regards,
Himgoku
Marco - Contact me   | 62.194.187.xxx | 2008-04-17 21:35:31
Gravatar image Hi,

I don't know what you mean. Could you use the contact form + send me the URL of your website where it's online so I can check & give you support.

Greetings,,,
Anonymous   | 130.83.253.xxx | 2008-04-18 14:08:29
Gravatar image Same Problem for me:

If you click the sidebarimage to open the sidebar, the sidebar opens but also loads the main page of my homepage.
the problem is the following:
my sidebar appears on http://www.vfr-grossostheim.de/content/blogcategory/88/221
But the sidebarimage ist linked to the main page: http://www.vfr-grossostheim.de/#

I used firebug to termporarily change the link to: http://www.vfr-grossostheim.de/content/blogcategory/88/221/#

Then it works an it doesn't load the the main page but stays on the same page!

So you just have to modify the link in your sourcecode!
GJ   | 77.249.183.xxx | 2008-04-17 22:10:21
Gravatar image Hi Marco,

Very nice module indeed, but when i click on the open button there's nothing in the box...no matter what module position i select! Can you figure that out?
Marco - Woah!   | 62.194.187.xxx | 2008-04-17 22:29:28
Gravatar image That's strange indeed. I also see some weird things going on on your website (reloading the front page just like Himgoku mentioned).

I can't re-create the effect, so please use the contact form and maybe we can get out & fix this problem (for Himgoku too).

Greetings,,,
Paul - Tried to upload Module   | 200.199.88.xxx | 2008-04-18 19:05:44
Gravatar image Tried to upload module Joomla version 1x
and just get error
Unrecoverable error "PCLZIP_ERR_BAD_FORMAT (-10)"

shame was looking forward to trying this

Cheers Paul
Bob - Thanks   | 81.50.40.xxx | 2008-04-18 20:15:04
Gravatar image Very nice module. Installed first time, worked first time.

Great work.
Joe - Display Module   | 169.137.213.xxx | 2008-04-18 21:27:15
Gravatar image I'm using the 1.5 version. I only want the display module to show up inside the mfslidebar module. However, I can't get it to display when I add a new location position. The only way it displays on the mfslidebar module is if I have it in a location that is already visible on the page, which defeats the purpose as far as I am concerned. Any help that you could provide would be greatly appreciated.

Thanks,
Joe
Thomas   | 87.162.90.xxx | 2008-04-18 23:08:48
Gravatar image Install donīt work with Joomla 1.0! :unsure:

Unrecoverable error & #34;PCLZIP_ERR_BAD_FORMAT (-10)

Please update your module, it looks very fine!
Iccang - Still have bugs...   | 125.162.249.xxx | 2008-04-19 05:48:32
Gravatar image hi marco..

Nice module.. but, if the site use mootools.js, it's will not working. I mean, the module that use mootools.js not working. your's still work.

Another bugs is : if I choose right position (left/right), your module will show a big box on the top page. if I choose the left position, is normally.

my question is : how to put another module into your sliding module??

best regard,
============
fabs - Not working at all :(   | 79.225.234.xxx | 2008-04-19 14:24:23
Gravatar image For some reason the slidebox does not appear at all on my site :(
too bad
was looking forward to this
fabs - partially working only   | 79.225.234.xxx | 2008-04-19 19:39:33
Gravatar image on http://www.deutsche-in-spanien.net the module does no work at all. probably some incompatibility with some other module

on http://www.ffaabbiiaann.de it only works partially. the problem is that when i am on any other page then the homepage and click to opnen the slieder it defaults back to http://www,ffaabbiiaann.de/# so that i can only use the slider effectifly on my homepage otherwise my visitor will unwillingly leave the current page on opening the slider...
I am using sh404sef.. any idea how to solve that?

thanks
fabs
reno - validation   | 86.58.28.xxx | 2008-04-19 23:29:13
Gravatar image I like it really much, can the bots read the content of slider and can you make it w3c compliant?
alen - Peljesac   | 78.3.76.xxx | 2008-04-20 07:12:49
Gravatar image I'm impression with this staff. :cheer:
Brian - Great ob   | 76.4.245.xxx | 2008-04-20 11:16:10
Gravatar image Worked like a charm on i.x Installed and got it working in less than 5 minutes
Rasulo - teh Hole   | 78.148.140.xxx | 2008-04-21 11:36:53
Gravatar image Hi

The module is just what I have been looking for - unfortunately I cannot get it to display anything. My site - still under construction - uses a Rockettheme template, 'Replicant' which has javascript features. These features malfunction when I try to use the module. When I disable the theme features, your module just displays a black box. I would like to display the login / register box, or an auxiliary menu using it - I hope you can help me

Thanks in advance

Rasulo
Rasulo - Oops   | 78.148.140.xxx | 2008-04-21 11:41:38
Gravatar image forget to say - I'm using J 1.5 :0
Al - re: Blank Box   | 24.81.134.xxx | 2008-04-22 06:44:08
Gravatar image
GJ wrote:
Hi Marco,

Very nice module indeed, but when i click on the open button there's nothing in the box...no matter what module position i select! Can you figure that out?


Same for me, where can I set the module to display?
Thanks
Michael   | 75.71.188.xxx | 2008-04-23 00:26:29
Gravatar image I can't get it to install either:

Unrecoverable error "PCLZIP_ERR_BAD_FORMAT (-10)"
Marco - UnZIP, Repack, Upload   | 145.74.182.xxx | 2008-04-23 09:15:46
Gravatar image - Unzip the file on your local machine.
- Repack the file
- Upload the new file

Should work, good luck!
Tom - modules not shown   | 80.109.213.xxx | 2008-04-28 12:06:13
Gravatar image hi marco!

thx for that great module. there's been no problem installing it, but it doesn't show any module in it.
it's published in module position 'top' and included modules should be shown in position 'user1'. but on the frontpage it is blank.
using joomla 1.5.3 and template "siteground-j15-25".
hope u can help.

be prepared ;)
greetings from a austrian scouter
Tom   | 80.109.213.xxx | 2008-04-29 13:41:08
Gravatar image ok, got it workin ;)
changed the module position and created an extra module posiiton with attribute visible where mfslidebar shows some modules.
but there are other problems:
1. doesn't seem to work with lightbox (tested with phoca gallery) - lightbox works, when mfslidebar is not activated
2. no module titels are shown in mfslidbar (allthough activated) - tested on 2 different sites under joomla 1.5.3

hope, this info is usefull
greetings
Admtkc - Module not show !   | 118.68.92.xxx | 2008-05-05 07:22:38
Gravatar image I use template s5eden of Shape5.com. When i use mfslidebar in J 1.0.15 it's okey. But when use mfSlidebar in J 1.5.3 , it cannot show any module i publish. Can help me plz ?
Sliver - Load module position...   | 217.91.61.xxx | 2008-05-05 15:29:27
Gravatar image If i understand right, i cant give it an ID, but have to add user1, left or something into "load module position".
Right? Or how do i get my loginscreen in there? :( :?:
Read more...
Name:
Email:
  Gravatar enabled.
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Security Image
Please input the anti-spam code that you can read in the image.
Unsubscribe from e-mail notifications.
 
< Prev   Next >
Subscribe
Navigation
Search
Search:
          
Sponsors
   



Blogrush