GWT panel for HTML UL/LI lists
Hi, for my current GWT project I wanted to make more use of HTML UL/LI elements than the table based layouts that you normally use in GWT applications. Biggest advantages for me is that other people can make changes to the layout/design of the page without having to touch the code itself. I couldn't find a class in GWT or anywhere else that helps with that, so I wrote my own. I can now create HTML like this: ul class=sampleList liWidget A/li liWidget B/li /ul with this code: UlListPanel ulList = new UlListPanel(); ulList.addStyleName(sampleList); ulList.add(widgetA); ulList.add(widgetB); For the code go here: http://markusbraindump.blogspot.com/2010/09/gwt-panel-for-html-ulli-lists.html Or did I reinvent the wheel? Markus -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT panel for HTML UL/LI lists
Yes that's true. But I don't like the UIBinder stuff that much. There is a lot which I found difficult to do with UIBinder, so I'll stay with the old way. Just a personal taste. On Sep 27, 6:45 am, lalit lalit.bh...@gmail.com wrote: Cannot this be done with UIBinder in an easy way? Just write the layout in ui.xml and insert the widget in the li tags. On Sep 25, 2:51 am, Markus Kramer tomaton...@googlemail.com wrote: Hi, for my current GWT project I wanted to make more use of HTML UL/LI elements than the table based layouts that you normally use in GWT applications. Biggest advantages for me is that other people can make changes to the layout/design of the page without having to touch the code itself. I couldn't find a class in GWT or anywhere else that helps with that, so I wrote my own. I can now create HTML like this: ul class=sampleList liWidget A/li liWidget B/li /ul with this code: UlListPanel ulList = new UlListPanel(); ulList.addStyleName(sampleList); ulList.add(widgetA); ulList.add(widgetB); For the code go here:http://markusbraindump.blogspot.com/2010/09/gwt-panel-for-html-ulli-l... Or did I reinvent the wheel? Markus -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT panel for HTML UL/LI lists
I guess you could do it like this. But using a special panel makes it easier imo. For instance, you could easily change from the good-old VerticalPanel to UlListPanel. On Oct 2, 6:12 pm, opn open...@gmx.net wrote: I'm not sure if it works for you, but you can set the tag that a HTMLPanel represents. It's set to div when you don't specify something else. I only created a HTMLPanel as an em element one time as a test and it worked fine. I'm thinking about creating an ul HTMLPanel and insert li HTMLPanels into that. Don't know if it works and if it's good to do that : ) just an idea! regards opn On Oct 2, 11:42 am, Markus Kramer tomaton...@googlemail.com wrote: Yes that's true. But I don't like the UIBinder stuff that much. There is a lot which I found difficult to do with UIBinder, so I'll stay with the old way. Just a personal taste. On Sep 27, 6:45 am, lalit lalit.bh...@gmail.com wrote: Cannot this be done with UIBinder in an easy way? Just write the layout in ui.xml and insert the widget in the li tags. On Sep 25, 2:51 am, Markus Kramer tomaton...@googlemail.com wrote: Hi, for my current GWT project I wanted to make more use of HTML UL/LI elements than the table based layouts that you normally use in GWT applications. Biggest advantages for me is that other people can make changes to the layout/design of the page without having to touch the code itself. I couldn't find a class in GWT or anywhere else that helps with that, so I wrote my own. I can now create HTML like this: ul class=sampleList liWidget A/li liWidget B/li /ul with this code: UlListPanel ulList = new UlListPanel(); ulList.addStyleName(sampleList); ulList.add(widgetA); ulList.add(widgetB); For the code go here:http://markusbraindump.blogspot.com/2010/09/gwt-panel-for-html-ulli-l... Or did I reinvent the wheel? Markus -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT panel for HTML UL/LI lists
You could do it with DOM.createElement(ul). But you would be using
some lower level API directly. I believe it's good to have a clear
encapsulation of a HTML construct that at least I use quite frequently
now.
@Andy:
I no longer understand the purpose of that clear method as well. Have
to check if it can be removed...
Never used the H1, H2,... tags in GWT until now. Just Labels with CSS
classes instead.
/Markus
On Oct 5, 3:56 pm, Andy pula...@gmail.com wrote:
I took a similar approach but made it more generic and didn't add
special Widget wrapping methods (I just add ElementPanel(LI) to an
ElementPanel(UL) or ElementPanel(OL). I like your approach which
enforces usage.
/**
* A generic element panel for Hx, UL, LI, etc.
*/
public class ElementPanel extends ComplexPanel implements HasText,
HasHTML {
public ElementPanel(String tagname) {
setElement(DOM.createElement(tagname));
}
// more stuff in here .
}
I'm not sure I understand the need for the special clear() method
implementation in your code.
-Andy
On Sep 24, 5:51 pm, Markus Kramer tomaton...@googlemail.com wrote:
Hi, for my current GWT project I wanted to make more use of HTML UL/LI
elements than the table based layouts that you normally use in GWT
applications.
Biggest advantages for me is that other people can make changes to the
layout/design of the page without having to touch the code itself.
I couldn't find a class in GWT or anywhere else that helps with that,
so I wrote my own. I can now create HTML like this:
ul class=sampleList
liWidget A/li
liWidget B/li
/ul
with this code:
UlListPanel ulList = new UlListPanel();
ulList.addStyleName(sampleList);
ulList.add(widgetA);
ulList.add(widgetB);
For the code go
here:http://markusbraindump.blogspot.com/2010/09/gwt-panel-for-html-ulli-l...
Or did I reinvent the wheel?
Markus
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: convert xml file to html file to GWT
Initially I attempted to do the same thing for my latest GWT application. GWT doesn't support it itself and it's very browser dependent. Sarissa works more or less. However, it was a lot of pain and didn't really work. Maybe I can find the code I wrote for this... In the end I parsed the XML and used GWT widgets to display the data. Regards, Markus On Dec 29, 1:55 pm, padam padam2...@gmail.com wrote: Hi I am new to GWT. I have a xml and xsl file .I want to convert it in html and display in the RichText area in GWT. ...please reply -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
