Dear Paolo, Thanks for the GREAT DETAILED reply. You indeed sensed the meaning of my original question which was related to my post - web2py "Components" for layout.html and other HTML pages [ not derived from layout.html]<https://groups.google.com/forum/#!topic/web2py/3NmrocjbwzM>
I will do some experiments and report back. Thanks again, Paolo. Love and peace, Joe On Monday, November 11, 2013 4:53:18 PM UTC-8, Paolo Caruccio wrote: > > Currently the default layout.html is based on bootstrap framework (see > http://getbootstrap.com/2.3.2/index.html) > > As far as I know the minimum dependencies required from web2py for any > layout are: > - web2py.css > - web2py_ajax.html (which in turn refers to web2py.js and jquery) > > However, in order to render horizontally the menu without bootstrap or any > other html/css framework, you must apply your own css rules, since the > above mentioned two files are not useful for this. > For example, assuming that you would keep the current html template, after > you removed from it any reference to bootstrap framework, you should add > just before </head> tag: > > <style> > .navbar-inner .container:before, .navbar-inner .container:after {display > : table;line-height: 0;content: "";} > .navbar-inner .container:after {clear:both;} > a.brand, div.nav {float:left;} > div.nav ul, #navbar, #navbar ul {margin:0; padding:0; list-style:none; > white-space:nowrap; text-align:left; padding:1px 1px 0 1px; > background:#eee;} > div.nav li, #navbar li {margin:0; padding:0; > list-style:none;display:inline;} > div.nav ul ul {position:absolute; left:-9999px;} > #navbar ul {position:absolute; right:0; top:-9999px;} > div.nav ul.nav>li, #navbar>li {display:inline-block;position:relative;} > div.nav a, #navbar a {display:block; color:#000; line-height:22px; > text-decoration:none; padding:0 20px 0 10px;} > div.nav li a:hover, #navbar li a:hover {background-color:#09c; > color:#fff;} > div.nav li:hover > a, #navbar li:hover > a {background-color:#09c; > color:#fff;} > div.nav ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px > ;} > div.nav ul.nav>li:hover > ul {left:0; margin-top:-1px; margin-left:-1px > ;} > #navbar>li:hover > ul {top:23px; margin-top:-1px; margin-right:-1px;} > </style> > > That will render a very simple horizontal multilevel menu. Of course there > are many other ways to accomplish the same result. > > > Il giorno lunedì 11 novembre 2013 20:12:11 UTC+1, JoeCodeswell ha scritto: >> >> Dear Web2py forum, >> >> I can't find superfish.css in the application structure anymore. I think >> i remember that web2py went through a menu overhaul. >> >> Can someone please tell me the *minimum dependencies *for the new menus >> to be rendered horizontally? >> >> Thanks in advance. >> >> Love and peace, >> >> Joe >> > -- Resources: - http://web2py.com - http://web2py.com/book (Documentation) - http://github.com/web2py/web2py (Source code) - https://code.google.com/p/web2py/issues/list (Report Issues) --- You received this message because you are subscribed to the Google Groups "web2py-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
