Re: Making a simple 3 column layout?

2010-04-15 Thread helguita
Hello!

We just wrote a post some days ago about how to implement this. You
can find the tutorial here:

http://blog.discovr.net/post/516021390/layout-your-app-using-gwt-2-0-the-way-you-want-it

We built this tutorial using UiBinder, so it should be straightforward
for you. Also you can download the source code within the tutorial.

We hope it helps.

H&G

On Apr 15, 1:02 pm, markww  wrote:
> Hi,
>
> I was hoping to use VerticalPanel and HorizontalPanel instances to
> make a simple 3 column page layout. Something like:
>
>   
>      
>          // this is the header (width: 100%, height: 90px)
>      
>
>     
>       
>          // this is column 1 (width: 30%, height: 100%)
>       
>
>       
>          // this is column 2 (width: 50%, height: 100%)
>       
>
>       
>          // this is column 3 (width: 20%, height: 100%)
>       
>
>    
>  
>
> but the layout looks quite strange. I have to figure out css for
> layouts, was hoping most of this could be handled by gwt though.
> Anyone have a simple 3 col layout they could share?
>
> Thanks

-- 
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: Making a simple 3 column layout?

2010-04-15 Thread Jaan
Why not use docklayoutpanel?

I, for example, use following main layout:



 // header



   //left panel



  // center panel



  // right panel




On Apr 15, 7:02 am, markww  wrote:
> Hi,
>
> I was hoping to use VerticalPanel and HorizontalPanel instances to
> make a simple 3 column page layout. Something like:
>
>   
>      
>          // this is the header (width: 100%, height: 90px)
>      
>
>     
>       
>          // this is column 1 (width: 30%, height: 100%)
>       
>
>       
>          // this is column 2 (width: 50%, height: 100%)
>       
>
>       
>          // this is column 3 (width: 20%, height: 100%)
>       
>
>    
>  
>
> but the layout looks quite strange. I have to figure out css for
> layouts, was hoping most of this could be handled by gwt though.
> Anyone have a simple 3 col layout they could share?
>
> Thanks

-- 
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.



Making a simple 3 column layout?

2010-04-14 Thread markww
Hi,

I was hoping to use VerticalPanel and HorizontalPanel instances to
make a simple 3 column page layout. Something like:

  
 
 // this is the header (width: 100%, height: 90px)
 


  
 // this is column 1 (width: 30%, height: 100%)
  

  
 // this is column 2 (width: 50%, height: 100%)
  

  
 // this is column 3 (width: 20%, height: 100%)
  

   
 

but the layout looks quite strange. I have to figure out css for
layouts, was hoping most of this could be handled by gwt though.
Anyone have a simple 3 col layout they could share?

Thanks

-- 
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.