add items in navbar <ul>.. mode=dropdown

[ctrlSoft]

hi, how to add items in 

<ul class="dropdown-menu" style="display: block;">

...

...

...

</ul>

generated by auth.navbar(mode="dropdown"),

[ctrlSoft]

by default i have, login, logout .... register, i wish i could append some links only if auth.user

[Anthony]

The auth.navbar() produces an HTML helper DOM, so you can manipulate it as usual:

navbar = auth.navbar(mode='dropdown')
if auth.user:
    navbar.element('ul.dropdown-menu').components.extend([LI('Item 1'), LI('Item 2'), ...])

Anthony

[Neeraj Shukla]

navbar = auth.navbar(mode='dropdown')
if auth.user:
    navbar.element('ul.dropdown-menu').components.extend([LI('Item 1'), LI('Item 2'), ...])

Above method is not working on web2py 2.10.4

however jquery works.
For example
{{block page_js}}
{{if auth.user:}}
<script>
    jQuery("ul.dropdown-menu").append('<li>item 1</li>');
</script>
{{pass}}
{{end page_js}} 

However, use of javascript may slowdown page loading. Can anyone please suggest better working approach for mentioned web2py version ?

[Anthony]

Hmm, seems to work for me. Can you show your exact code as well as the HTML markup that ends up in the browser?

[Neeraj Shukla]

Following code I used and it produces None in HTML markup
{{=auth.navbar(mode='dropdown').element('ul.dropdown-menu').components.extend([LI('Item 1'), LI('Item 2')])}}


Couldnt figure it out.

[Anthony]

Your code is incorrect. Instead of inserting the full navbar object, you apply a string of methods to it and insert the return value of the final method (which is None). As in the original code example, you must assign the navbar to a variable, then apply the manipulation, and finally insert the edited navbar:

{{navbar = auth.navbar(mode='dropdown')

  if auth.user:
      navbar.element('ul.dropdown-menu').components.extend([LI('Item 1'), LI('Item 2'),

...])}}
{{=navbar}}

Anthony

[Neeraj Shukla]

Thanks Anthony...

[Richard Vézina]

Hello Anthony,

Is there a way to manipulate auth.navbar content from model file somehow avoiding repeat this in every layout file I have?

Thanks

Richard

--
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 web2py+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Richard Vézina]

Nevermind, I have extract header of every layout I have anyway into header.html that I include back in each layout so, my app stay DRY.

I am glad I had issue with selecting navbar jquery injected element that I can't select with selenium/splinter as it allow me to figure an new way to include my tag by user membership... Doing it like you propose prevent me from making a select to check if user is member of the proper group, reducing page load time... One less select!!

:)

Richard