Snippet for rendering sitemap as navbar with W3.CSS

[Henrik Härkönen]

Hi!

I just couldn't find the thread anymore, but I'd like to thank you, who ever it was, who shared the snippet for rendering the sitemap for Bootstrap 3 navbar. :)

I modified it a bit to do the same with W3.CSS. I like the tiny W3.CSS (css only) framework from W3Schools, I think it's perfect companion with Lift.

So here's the Gist: https://gist.github.com/heharkon/e865a502627e45215d51921c92fe1903

I made parameters so it's easy to play with the colors without compiling.

<div class="w3-top">

<div data-lift="W3Navbar?basecol=w3-green;hovercol=w3-hover-black;selectcol=w3-teal">...</div>

</div>

And this is how it looks:

This is fun. :)

-Henrik

[Antonio Salazar Cardozo]

Killer! Thanks for sharing :)

Antonio

[ari gold]

Indeed.. and thanks for the tip on w3.css!

[Diego Medina]

thanks for sharing!

--
--
Lift, the simply functional web framework: http://liftweb.net
Code: http://github.com/lift
Discussion: http://groups.google.com/group/liftweb
Stuck? Help us help you: https://www.assembla.com/wiki/show/liftweb/Posting_example_code

---
You received this message because you are subscribed to the Google Groups "Lift" group.
To unsubscribe from this group and stop receiving emails from it, send an email to liftweb+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Diego Medina
Lift/Scala Consultant
di...@fmpwizard.com
https://blog.fmpwizard.com/

[Henrik Härkönen]

Seems that W3.CSS has been updated to version 4 and it is somewhat incompatible with the previous version. I updated the gist to reflect changes for version 4.