Superfish - Multi-Column Dropdown

[okdok-2]

I would like to integrate a multi-column superfish into a Joomla!
1.5.10 production site. Has anyone been able to accomplish something
similar?

[Charlie Tomlinson]

you can put columns into the sub menus fairly easily with supersubs.js

okdok wrote:

I would like to integrate a multi-column superfish into a Joomla!
1.5.10 production site. Has anyone been able to accomplish something
similar?

  

[okdok-2]

Thanks for the prompt reply!

I took a peek at supersubs.js and my question is this:

Is it just a matter of adding an extra div tag between ul's and styling in a manner similar to the link below?

http://www.gunlaug.no/tos/moa_41.html

I have been working with suckerfish menu's for a year or so and have just gotten into the multicolumn feature. What I have yet to wrap my head around is how to create the second column. Any examples are greatly appreciated.

On Sat, May 16, 2009 at 10:16 AM, Charlie <charlietfl@...> wrote:

you can put columns into the sub menus fairly easily with supersubs.js

okdok wrote:

I would like to integrate a multi-column superfish into a Joomla!
1.5.10 production site. Has anyone been able to accomplish something
similar?

  

--
Respectfully,

Ethan Mateja

+++++++++++++++
Packetforward
www.packetforward.com

[okdok-2]

Can anyone provide me an example of how I can modify supersubs.js to
create a multi-column dropdown?

Thanks!

On May 16, 12:46 pm, Ethan Mateja <ethan.mat...@...> wrote:

> Thanks for the prompt reply!
>
> I took a peek at supersubs.js and my question is this:
>
> Is it just a matter of adding an extra div tag between ul's and styling in a
> manner similar to the link below?
>
> http://www.gunlaug.no/tos/moa_41.html
>
> I have been working with suckerfish menu's for a year or so and have just
> gotten into the multicolumn feature. What I have yet to wrap my head around
> is how to create the second column. Any examples are greatly appreciated.
>
> On Sat, May 16, 2009 at 10:16 AM, Charlie <charlie...@...> wrote:
> >  you can put columns into the sub menus fairly easily with supersubs.js
>
> > okdok wrote:
>
> > I would like to integrate a multi-column superfish into a Joomla!
> > 1.5.10 production site. Has anyone been able to accomplish something
> > similar?
>
> --
> Respectfully,
>
> Ethan Mateja
>
> +++++++++++++++
> Packetforwardwww.packetforward.com

[okdok-2]

I was able to acheive multiple columns by giving the ul a width that is n times bigger than the li, where n is the number of columns desired. -THANX Cy Morris!

I now face an issue where items close to the right hand side of the screen bleed off with multiple columns. I wonder how I can force the last few elements in the UL to have the multi-columns open to the left? Any tips?

-cheers

On Mon, May 18, 2009 at 7:18 AM, okdok <ethan.mateja@...> wrote:

Can anyone provide me an example of how I can modify supersubs.js to
create a multi-column dropdown?

Thanks!

On May 16, 12:46 pm, Ethan Mateja <ethan.mat...@...> wrote:
> Thanks for the prompt reply!
>
> I took a peek at supersubs.js and my question is this:
>
> Is it just a matter of adding an extra div tag between ul's and styling in a
> manner similar to the link below?
>
> http://www.gunlaug.no/tos/moa_41.html
>
> I have been working with suckerfish menu's for a year or so and have just
> gotten into the multicolumn feature. What I have yet to wrap my head around
> is how to create the second column. Any examples are greatly appreciated.
>

> On Sat, May 16, 2009 at 10:16 AM, Charlie <charlie...@...> wrote:
> >  you can put columns into the sub menus fairly easily with supersubs.js
>
> > okdok wrote:
>
> > I would like to integrate a multi-column superfish into a Joomla!
> > 1.5.10 production site. Has anyone been able to accomplish something
> > similar?
>
> --
> Respectfully,
>
> Ethan Mateja
>
> +++++++++++++++
> Packetforwardwww.packetforward.com

--
Respectfully,

Ethan Mateja

+++++++++++++++
Packetforward
www.packetforward.com

[Charlie Tomlinson]

assign a class to UL you want to shift  example "left_offset"

($'ul.sf-menu').superfish({
                onBeforeShow: function(){
                        if ($(this).hasClass("left_offset")) {
                        $(this).css("left", "-30px");
                            }
                        }
            });


Ethan Mateja wrote:

I was able to acheive multiple columns by giving the ul a width that is n times bigger than the li, where n is the number of columns desired. -THANX Cy Morris!

I now face an issue where items close to the right hand side of the screen bleed off with multiple columns. I wonder how I can force the last few elements in the UL to have the multi-columns open to the left? Any tips?

-cheers

On Mon, May 18, 2009 at 7:18 AM, okdok <ethan.mateja@...> wrote:

Can anyone provide me an example of how I can modify supersubs.js to
create a multi-column dropdown?

Thanks!

On May 16, 12:46 pm, Ethan Mateja <ethan.mat...@...> wrote:
> Thanks for the prompt reply!
>
> I took a peek at supersubs.js and my question is this:
>
> Is it just a matter of adding an extra div tag between ul's and styling in a
> manner similar to the link below?
>
> http://www.gunlaug.no/tos/moa_41.html
>
> I have been working with suckerfish menu's for a year or so and have just
> gotten into the multicolumn feature. What I have yet to wrap my head around
> is how to create the second column. Any examples are greatly appreciated.
>

> On Sat, May 16, 2009 at 10:16 AM, Charlie <charlie...@...> wrote:
> >  you can put columns into the sub menus fairly easily with supersubs.js
>
> > okdok wrote:
>
> > I would like to integrate a multi-column superfish into a Joomla!
> > 1.5.10 production site. Has anyone been able to accomplish something
> > similar?
>
> --
> Respectfully,
>
> Ethan Mateja
>
> +++++++++++++++
> Packetforwardwww.packetforward.com

--
Respectfully,

Ethan Mateja

+++++++++++++++
Packetforward
www.packetforward.com

[Charlie Tomlinson]

I read that wrong, what I proposed shifts the 1st level subs to the left, to get second level subs to show on left side instead of right, assign some class like "show_left" to second tier of subs

if ($(this ).hasClass("show_left")) {
                        $(this).css("left", "-10em");// if using supersubs, or variable width UL's have to test parent UL for width and use that value instead of  "-10em"
                        }

Ethan Mateja wrote:

I was able to acheive multiple columns by giving the ul a width that is n times bigger than the li, where n is the number of columns desired. -THANX Cy Morris!

I now face an issue where items close to the right hand side of the screen bleed off with multiple columns. I wonder how I can force the last few elements in the UL to have the multi-columns open to the left? Any tips?

-cheers

On Mon, May 18, 2009 at 7:18 AM, okdok <ethan.mateja@...> wrote:

Can anyone provide me an example of how I can modify supersubs.js to
create a multi-column dropdown?

Thanks!

On May 16, 12:46 pm, Ethan Mateja <ethan.mat...@...> wrote:
> Thanks for the prompt reply!
>
> I took a peek at supersubs.js and my question is this:
>
> Is it just a matter of adding an extra div tag between ul's and styling in a
> manner similar to the link below?
>
> http://www.gunlaug.no/tos/moa_41.html
>
> I have been working with suckerfish menu's for a year or so and have just
> gotten into the multicolumn feature. What I have yet to wrap my head around
> is how to create the second column. Any examples are greatly appreciated.
>

> On Sat, May 16, 2009 at 10:16 AM, Charlie <charlie...@...> wrote:
> >  you can put columns into the sub menus fairly easily with supersubs.js
>
> > okdok wrote:
>
> > I would like to integrate a multi-column superfish into a Joomla!
> > 1.5.10 production site. Has anyone been able to accomplish something
> > similar?
>
> --
> Respectfully,
>
> Ethan Mateja
>
> +++++++++++++++
> Packetforwardwww.packetforward.com

--
Respectfully,

Ethan Mateja

+++++++++++++++
Packetforward
www.packetforward.com

[okdok-2]

Outstanding! Thanks for the time and support. Worked like a charm.... :D

On Tue, May 19, 2009 at 9:24 PM, Charlie <charlietfl@...> wrote:

I read that wrong, what I proposed shifts the 1st level subs to the left, to get second level subs to show on left side instead of right, assign some class like "show_left" to second tier of subs

if ($(this ).hasClass("show_left")) {
                        $(this).css("left", "-10em");// if using supersubs, or variable width UL's have to test parent UL for width and use that value instead of  "-10em"

                        }

Ethan Mateja wrote:

I was able to acheive multiple columns by giving the ul a width that is n times bigger than the li, where n is the number of columns desired. -THANX Cy Morris!

I now face an issue where items close to the right hand side of the screen bleed off with multiple columns. I wonder how I can force the last few elements in the UL to have the multi-columns open to the left? Any tips?

-cheers

On Mon, May 18, 2009 at 7:18 AM, okdok <ethan.mateja@...> wrote:

Can anyone provide me an example of how I can modify supersubs.js to
create a multi-column dropdown?

Thanks!

On May 16, 12:46 pm, Ethan Mateja <ethan.mat...@...> wrote:
> Thanks for the prompt reply!
>
> I took a peek at supersubs.js and my question is this:
>
> Is it just a matter of adding an extra div tag between ul's and styling in a
> manner similar to the link below?
>
> http://www.gunlaug.no/tos/moa_41.html
>
> I have been working with suckerfish menu's for a year or so and have just
> gotten into the multicolumn feature. What I have yet to wrap my head around
> is how to create the second column. Any examples are greatly appreciated.
>

> On Sat, May 16, 2009 at 10:16 AM, Charlie <charlie...@...> wrote:
> >  you can put columns into the sub menus fairly easily with supersubs.js
>
> > okdok wrote:
>
> > I would like to integrate a multi-column superfish into a Joomla!
> > 1.5.10 production site. Has anyone been able to accomplish something
> > similar?
>
> --
> Respectfully,
>
> Ethan Mateja
>
> +++++++++++++++
> Packetforwardwww.packetforward.com

--
Respectfully,

Ethan Mateja

+++++++++++++++
Packetforward
www.packetforward.com

--
Respectfully,

Ethan Mateja

+++++++++++++++
Packetforward
www.packetforward.com