gordon daniels 10 Years Ago Ryan thanks for the example. Just one question. What file would you put the code in? Custom.css?thanks Please sign in to reply. Reply as... Cancel Ryan Schuhler gordon daniels 10 Years Ago this would go in your main.js file, but if you wanted to change the styling at all that would go into your custom.css Please sign in to reply. Reply as... Cancel
Ryan Schuhler gordon daniels 10 Years Ago this would go in your main.js file, but if you wanted to change the styling at all that would go into your custom.css Please sign in to reply. Reply as... Cancel
gordon daniels 10 Years Ago Thank you. Really appreciate the help. Please sign in to reply. Reply as... Cancel
Andre Baukholt 10 Years Ago Hi Ryan, I really would like to use this feature, but sadly it's not working in my app (Liferay 6.1).The result I got is that a the page bottom the navigation elements are rendered a second time (without style).The actual top navigation element in my page is <nav id="navigation" ....> (liferay standard i think), I copied the script above to the main.js of my theme.Any suggestions?Thank in advance Please sign in to reply. Reply as... Cancel Jesús Salinas Andre Baukholt 10 Years Ago Hi Andre,If you include the js code in your main.js file, you cloned navigation bar will be:<nav class="sort-pages modify-pages lfr-hudcrumbs" style="left: 658px; top: 0px; width: 400px;"> <ul> <li class="selected"> ... </li> <li> ... </li> <li> ... </li> <li>… <li></ul> </nav>So you just have to apply css styles related to lfr-hudcrumbs class selector. Please sign in to reply. Reply as... Cancel Ryan Schuhler Jesús Salinas 10 Years Ago Thanks Jesus for the the response. Sorry Andre, I missed your comment a while back. Please sign in to reply. Reply as... Cancel
Jesús Salinas Andre Baukholt 10 Years Ago Hi Andre,If you include the js code in your main.js file, you cloned navigation bar will be:<nav class="sort-pages modify-pages lfr-hudcrumbs" style="left: 658px; top: 0px; width: 400px;"> <ul> <li class="selected"> ... </li> <li> ... </li> <li> ... </li> <li>… <li></ul> </nav>So you just have to apply css styles related to lfr-hudcrumbs class selector. Please sign in to reply. Reply as... Cancel Ryan Schuhler Jesús Salinas 10 Years Ago Thanks Jesus for the the response. Sorry Andre, I missed your comment a while back. Please sign in to reply. Reply as... Cancel
Ryan Schuhler Jesús Salinas 10 Years Ago Thanks Jesus for the the response. Sorry Andre, I missed your comment a while back. Please sign in to reply. Reply as... Cancel