How to resize the draggers of the SplitLayoutPanel in GWT UIBinder template

I want to make the draggers of the SplitLayoutPanel smaller. Can 开发者_如何学CI do that with CSS styling? I tried padding and border, but both have no effect.

You can't set the splitter size in CSS because the splitter is part of the layout structure, which internally keeps track of the size (for the same reason you need to hardcode sizes on other Layout panels). But you can set the splitter size via the constructor SplitLayoutPanel(int splitterSize).

You can specify the size (in pixels) as an attribute on the dock edge element. For example, the following sets a western edge with a width of 150px.

<g:SplitLayoutPanel>
   <g:west size="150">
     <!--your west edge elements -->
   </g:west>
   <g:center>
     <!--your center elements -->
   </g:west>
</g:SplitLayoutPanel>