Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Menu's: Integrated drop-down/fly-out menu into SS/cms

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 26525 Views
  • JonathanParker
    Avatar
    Community Member
    37 Posts

    Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    If anybody is interested I've manage to integrate some drop-down & fly-out css only menu's into the SS/CMS framework (well via an included .ss file & some css).

    Working examples can be found at www.dabnis-webdesign.com this is my testing site and the first menu is on the landing page.

    I have attached the .ss file & the css file.

    In essence all you need to do is replace the <% include Navigation %> line in the standard 'BlackCandy' theme page.ss file with <% include H_Navigation %>. make sure that you save the attached file in your templates/includes/ folder and the attached css file in the theme/them-name/css/ folder.

    The last thing to do is to include the following in your page.php file.

    Where you have Requirements::themedCSS("layout"); etc
    add Requirements::themedCSS("lmenu2");

    That should be it.

    I may put a forum module on the test site!

    Regards.

    Jonathan

  • JonathanParker
    Avatar
    Community Member
    37 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    I should also add that they validate as strict html 4.01 and also to css 2.1
    They work in: ie6, ie7, ff2.0+, Opera9+; I have just been informed that they also work within Safari 3+

    Regards.

    Jonathan

  • zyko
    Avatar
    Community Member
    66 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    WOW, cool work
    g
    Helmut

  • Liam
    Avatar
    Community Member
    470 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    Good stuff. Thanks a lot. I build a lot of sites that use this type of menu, but I haven't with SS yet, as I haven't been using it that long.

    I've been actually thinking about this issue so I've saved your file for reference in the future.

    Not a fan of the tables, but the general concept is good.

    *edit* It seems the download link doesn't work. Obviously I can just right click and save as, but developers might want to know this.

  • Sean
    Avatar
    Forum Moderator
    921 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    Thanks for this. I've reported the download link problem as a bug. You can still click the file link, but it seems the "download" link is broken.

    Cheers,
    Sean

  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    How do I get the .ss file?
    Thank you,
    Steve

  • Willr
    Avatar
    Forum Moderator
    5489 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    Steve - the SS files attached to the first post. You can right click save or just copy and paste into a file in your project as an include so save it as for example DropDownMenu.ss in yourtheme/templates/includes/ and then in your theme you just need to include DropDownMenu - <% include DropDownMenu %>

  • steve_nyhof
    Avatar
    Community Member
    224 Posts

    Re: Menu's: Integrated drop-down/fly-out menu into SS/cms Link to this post

    Sorry, I seen it was an html file and wasn't thinking it may have been renamed to be downloaded.
    Thank you

    26525 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.