hm am I not allowed to post links here? (imageshack or something?)
hm a small solution: add everything together ;)
http:
//
img139.
imageshack.
us/img
139/
3028/
agon84jd3
.jpg
On 10 Dez., 16:14, agon84 <[EMAIL PROTECTED]> wrote:
> hi everyone,
>
> @gregor
> i will try this on at the xml. at the moment i use a small workaround
> like this: i set the width to 1500px! i think it isn't the best
> solution but i will improve myself :) hope so!
> the next step is creating a special panel like this:
>
> perhaps it could be a little difficult for a beginner, but i am very
> interested in and gwt makes a lot of fun to create different gui's :)
> mayby somebody is able to say if it's possible with panel or something
> else. thanks in forward.
>
> greetings
> norm
>
> p.s.: sorry if my english isn't the best.
>
> On 8 Dez., 00:02, "Danny Schimke" <[EMAIL PROTECTED]> wrote:
>
> > An other way is using a Grid, with 2 lines and 2 columns. Add CSS classes
> > for right margin to the labels to get more distance between them and their
> > ListBox'es... The column's are evenly aligned. ;)
>
> > 2008/12/7 gregor <[EMAIL PROTECTED]>
>
> > > I've never used header myself (I didn't even know it existed until I
> > > looked it up just now!) so i don't really know what it does or how you
> > > style it. Looking at the javadoc it says:
>
> > > Modules that use this class should inherit com.google.gwt.http.HTTP.
>
> > > <module>
> > > <!-- other inherited modules, such as com.google.gwt.user.User --
>
> > > <inherits name="com.google.gwt.http.HTTP"/>
> > > <!-- additional module settings -->
> > > </module>
>
> > > Have you done that? I suspect if you do and set the header width to
> > > 100% it would look better.
>
> > > NB: you may have to fiddle a bit to get DockPanel to fill up the
> > > screen properly how you want, it can be tempremental. For example
> > > panel.setWidth("100%) might do the trick, but don't count on it. If
> > > you temporarily add panel.setBorderWidth(5) to your code you will see
> > > exactly how big it is.
>
> > > regards
> > > gregor
>
> > > On Dec 7, 2:26 pm, agon84 <[EMAIL PROTECTED]> wrote:
> > > > Hi greg ;)
>
> > > > thank you very much for your help. your idea is great, i fixed it like
> > > > that:
>
> > > > DockPanel panel = new DockPanel();
> > > > VerticalPanel vPanel1 = new VerticalPanel();
> > > > VerticalPanel vPanel2 = new VerticalPanel();
> > > > HorizontalPanel hPanel3 = new HorizontalPanel();
>
> > > > vPanel1.setSpacing(12);
> > > > vPanel2.setSpacing(10);
>
> > > > vPanel1.add(label2);
> > > > vPanel1.add(label3);
>
> > > > vPanel2.add(lb);
> > > > vPanel2.add(lb2);
>
> > > > hPanel3.add(vPanel1);
> > > > hPanel3.add(vPanel2);
>
> > > > panel.add(header,DockPanel.NORTH);
> > > > panel.add(label,DockPanel.NORTH);
> > > > panel.add(hPanel3, DockPanel.CENTER);
> > > > panel.add(button,DockPanel.SOUTH);
>
> > > > RootPanel.get().add(panel);
>
> > > > so now is it possible to set the length of the DockPanel.North to a
> > > > different size? Cause in the northPanel is the header filled with a
> > > > background-color. i think it doesn't look so nice, if it ends after
> > > > the half way of the display.
>
> > > > still a nice sunday,
>
> > > > greetings
>
> > > > On 6 Dez., 21:11, gregor <[EMAIL PROTECTED]> wrote:
>
> > > > > Hi agon,
>
> > > > > FlowPanel is probably not your best bet here. You'll most likely never
> > > > > get it to do what you want.
>
> > > > > There are millions of ways to organize your display, but you could try
> > > > > something like this:
>
> > > > > 1) change your main panel (currently FlowPanel) to DockPanel. Then you
> > > > > can put your header into DockPanel.NORTH.
> > > > > 2) put each label/listbox pair into a separate HorizontalPanel. You
> > > > > can then style each cell of these two HP's how you like so they look
> > > > > the same (e.g. get the label separated from the listbox how you like).
> > > > > 3) put the HP's you created in 2) into a third HP - again you can
> > > > > style this to separate/style how the label/listbox pairs look together
> > > > > (without interfering with how the label/listbox pairs themselves are
> > > > > styled if you see what I mean).
> > > > > 4) stick the HP from 3) into DockPanel.CENTER (or LEFT, RIGHT,
> > > > > whatever)
>
> > > > > In other words break things down into nested boxes (using appropriate
> > > > > GWT widgets) and style each box how you like.
>
> > > > > regards
> > > > > gregor
>
> > > > > On Dec 6, 4:47 pm, agon84 <[EMAIL PROTECTED]> wrote:
>
> > > > > > Hello,
>
> > > > > > since a few days i ve started with gwt. now i will created a gui. i
> > > > > > think it isn't a big problem, but i am not able to go further, cause
> > > i
> > > > > > vn't any idea to fix it. i ve created two listbox's and after i
> > > > > > pressed run, the listbox's are standing side by side or they are
> > > > > > standing on upon an other. But i want that they look like that:
>
> > > > > > Label 1 : [ListBox1]
> > > > > > Label 2 : [ListBox2]
>
> > > > > > Code:
> > > > > > 1. Java:
>
> > > > > > public class Frontpage implements EntryPoint {
>
> > > > > > ListBox lb = new ListBox();
> > > > > > ListBox lb2 = new ListBox();
>
> > > > > > //Sonderzeichen
> > > > > > String ouml = "\u00f6";
> > > > > > String auml = "\u00e4";
> > > > > > String uuml = "\u00dc";
>
> > > > > > public void onModuleLoad() {
>
> > > > > > FlowPanel panel = new FlowPanel();
>
> > > > > > Header header = new Header("Willkommen beim");
> > > > > > header.setStyleName("headerpane");
> > > > > > Label label = new Label("FUSSBALL MANAGER!!!");
> > > > > > Label label2 = new Label("Welche Maschine wollen Sie
> > > kaufen:");
> > > > > > Label label3 = new Label("Was m"+ouml+"chten Sie
> > > ausbauen:");
> > > > > > label.setStyleName("label");
> > > > > > label2.setStyleName("label2");
> > > > > > label3.setStyleName("label3");
> > > > > > Button button = new Button("Fertig");
> > > > > > button.addClickListener(new ClickListener() {
> > > > > > public void onClick(Widget sender) {
> > > > > > Window.alert("Baustelle");
> > > > > > }
> > > > > > });
>
> > > > > > onListBoxClick();
>
> > > > > > ;
>
> > > > > > panel.add(header);
> > > > > > panel.add(label);
> > > > > > panel.add(label2);
> > > > > > panel.add(label3);
> > > > > > panel.add(lb);
> > > > > > panel.add(lb2);
>
> > > > > > RootPanel.get().add(panel);
> > > > > > }
>
> > > > > > public void onListBoxClick(){
> > > > > > lb.addItem("Maschine 1");
> > > > > > lb.addItem("Maschine 2");
> > > > > > lb.addItem("Maschine 3");
> > > > > > lb.setVisibleItemCount(1);
>
> > > > > > lb2.addItem("Fabrik");
> > > > > > lb2.addItem("Geb"+auml+"ude");
> > > > > > lb2.addItem("Lager");
> > > > > > lb2.addItem("Franchising");
> > > > > > lb2.setVisibleItemCount(1);
> > > > > > }}
>
> > > --------------------------------------------------------------------------------------------------
>
> > > > > > 2.CSS:
>
> > > > > > .label {
>
> > > > > > top:50px ;
> > > > > > left:50px ;
> > > > > > color: white;
> > > > > > font: normal 20px aharoni, sans-serif;
> > > > > > border: 1px solid #99bbe8;
> > > > > > padding: 10px;
> > > > > > background-color:red;
>
> > > > > > }
>
> > > > > > .header{
> > > > > > position:absolute;
> > > > > > top:0px;
>
> > > > > > }
>
> > > > > > .label2{
> > > > > > position:absolute;
>
> > > > > > }
>
> > > > > > .label3{
> > > > > > position:absolute;
> > > > > > top:160 px;
> > > > > > left:10 px;
>
> > > > > > }
>
> > > > > > .GWT-Button {
> > > > > > height: 1.7em;
> > > > > > margin-bottom: 5px;
> > > > > > padding-bottom: 3px;
> > > > > > font-size: 12px;
> > > > > > font-family: aharoni, sans-serif;
> > > > > > position: absolute;
> > > > > > top:300px;
>
> > > > > > }
>
> > > > > > .GWT-ListBox {
> > > > > > width:150;
> > > > > > position:absolute;
> > > > > > left:390px;
>
> > > > > > }
>
> > > > > > .GWT-lb2{
> > > > > > position:absolute;
> > > > > > left:120px;
> > > > > > top:160 px;
>
> > > > > > }
>
> > > > > > .left{
> > > > > > position: absolute;
> > > > > > top:100px;
> > > > > > left:10px;
>
> > > > > > }
>
> > > > > > .right{
> > > > > > position: absolute;
> > > > > > top:100px;
> > > > > > left:140px;
>
> > > > > > }
>
> > > --------------------------------------------------------------------------------------------------------------
> > > > > > and nothing changed at the html-code. perhabs somebody can help.
> > > > > > thanks in forward.
>
> > > > > > greetings
--~--~---------~--~----~------------~-------~--~----~
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-Toolkit@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
