Note that there are some explanatory texts on larger screens.

plurals
  1. POGWT Unordered List with List Items
    primarykey
    data
    text
    <p>I am completely stuck with the creation of a css driven menu in gwt. In the rendered result it should look exactly like this:</p> <pre class="lang-html prettyprint-override"><code> &lt;div class="topbar"&gt; &lt;div class="container fixed"&gt; &lt;h3&gt; &lt;a href="" class="logo"&gt;test&lt;/a&gt; &lt;/h3&gt; &lt;ul class="nav secondary-nav"&gt; &lt;li class="menu open"&gt; &lt;a class="menu" href="#"&gt;Dropdown&lt;/a&gt; &lt;ul class="menu-dropdown"&gt; &lt;li&gt;&lt;a href=""&gt;Secondary link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt;Something else here&lt;/a&gt;&lt;/li&gt; &lt;li class="divider"&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=""&gt;Another link&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>In addition to that I want to get use of the clickhandler in all Hyperlinks and the hover of the link "Dropdown". I thought about generating different widgets like NavBar, NavBarItem and adding them later programmaticaly to the NavBar widget like navBar.add("historytoken1", "Text") and this will result in appending a li tag with a hyperlink to it etc.</p> <p>I need the clickhandler for navigation and as well for css manipulation so that I can set some new classes on the li elements.</p> <p>I am experimenting now almost the whole day on this little widget and I am getting no results as GWT is always putting stupid divs between the li tags or somewhere else. The limitation of using only widgets in flowpanels etc. is also driving me crazy :-).</p> <p>I am not looking for a finished solution but can somebody giving me a hint how to do this? I mean having ul and li for menu is not that unique :-) and I dont understand why Gwt is not supporting this. Maybe I am overseeing something.</p> <p>BTW- i am trying to incorporate this HTML Bootstrap from here which I really like: </p> <p><a href="http://twitter.github.com/bootstrap/#navigation" rel="nofollow">Twitter Boostrap</a></p> <p>Thanks</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload