Monday, August 31, 2015

Re: (Gwt Bootstrap) Split Layout Panel has an issue when I use that in a BootStrap container

AFAIK Container does not implement ProvidesResize which will cause an issue when you embed a LayoutPanel in it.

I would also recommend against combining responsive Bootstrap Panels with LayoutPanels.
But if you really want to do it, then you can try to put your SplitLayoutPanel inside a ResizeLayoutPanel.
The ResizeLayoutPanel implements ProvidesResize but not RequiresResize and thus can be put in any non LayoutPanel and still provide sizing for its client widgets.



On Monday, August 31, 2015 at 2:25:52 PM UTC+2, Dhinakar wrote:
This is my code


<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
<ui:style>
.blueColor {             
background-color: #87CEEB;
}
.greenColor {             
background-color: #9ACD32;
}
.redColor {             
background-color: red;
}
.yellowColor {             
background-color: yellow;
}
.tanColor {             
background-color: tan;
}
</ui:style>
<b:Container fluid="true">
     <b:Row>
           <b:Column size="LG_12">
              
      <g:SplitLayoutPanel>
     <g:east size="50">
         <g:Label styleName="{style.blueColor}">This is East Panel</g:Label>
     </g:east>
     <g:west size="50">
         <g:Label styleName="{style.greenColor}">This is West Panel</g:Label>
     </g:west>
     <g:center size="100" >
<g:Label styleName="{style.tanColor}">This is Center Panel</g:Label>
</g:center>
     <g:north size="50">
         <g:Label styleName="{style.yellowColor}">This is North Panel</g:Label>
     </g:north>
     <g:south size="50">
         <g:Label styleName="{style.redColor}">This is South Panel</g:Label>
     </g:south>
    </g:SplitLayoutPanel>
   
    </b:Column>
    </b:Row>
    </b:Container> 
</ui:UiBinder> 

On Sunday, August 30, 2015 at 11:52:20 PM UTC+5:30, Dhinakar wrote:
I can see only the North dragger visible when I add the SplitLayoutPanel in the bootstrap container. Is there any alternative solution to resolve the problem? I need to have east and west panels with draggers for the application I am building in bootstrap. Is there any solution for that?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.

No comments:

Post a Comment