Which UiField type is this ?

[JC]

I want to switch the center section to different components. But which
field type is aaa in the java code ?

<g:center ui:field='aaa' size="7.7">


@UiField
FIELD?? aaa;

[Jens]

You have to use 

<g:center size="7.7">

  <g:SimplePanel ui:field="centerContainer" />

</g:center>

And then its @UiField SimplePanel centerContainer.

-- J.

[JC]

Ok that works. I have 1 more question. When I add a panel to the
center container it fills the entire center as expected. How can I
round the corners? I want to round the top right, bottom left and
bottom right corners.

[Jens]

Round corners can be done with CSS (border-radius) but this only works in modern browsers. It does not work in IE6/7/8 but there are projects that bring border-radius to these IE versions, e.g. http://css3pie.com/ (but I do not know how it affects performance).

Other solution would be to use small rounded corner images and put them into the corners. Using images you can have round borders in every browser.

[JC]

If I wanted to try the second option, how would you design panels and
drop the images directly in the corners? Do you need a custom layout?

[Thomas Broyer]

You can use a DecoratorPanel.

[JC]

Ok thanks I will try the DecoratorPanel. I just have 1 more question
for now.
My overall layout is finally coming together. But the buttons and text
boxes are too big. I am not an expert in css. Do you know how I can
make them smaller?