[spookendiesel]

I’m trying to create a UI similar to the new 9000 style UI (example image at "img29.picoodle.com/data/img29/3/9/24/f_tasksm_efdfd59.png").

I am using a customised VerticalFieldManager for the outer grey area and a second customised VerticalFieldManager for the inner white boxes. I am using the new BorderFactory class to try and imitate the rounded corners. In order to create the padding between the edge of the screen and the inner boxes I am overriding the sublayout method on the outer VerticalFieldManager.

This code produces the result shown at "img37.picoodle.com/data/img37/3/9/24/f_bank1m_f206f89.png" with the bottom border visible

protected void sublayout(int iWidth, int iHeight)
{
super.sublayout(iWidth, iHeight);

setExtent(iWidth, iHeight);
}

However, in order to add the padding I need to position the inner VerticalFieldManagers myself. The code below shows what I think should be happening (without the extra padding), but it doesn’t give me the expected result – i.e. the bottom border is not visible (see image at "img26.picoodle.com/data/img26/3/9/24/f_bank2m_f4988d7.png").

protected void sublayout(int iWidth, int iHeight)
{
int iNumFields = getFieldCount();
int iYPos = 0;

for (int i = 0; i < iNumFields; i++)
{
Field fField = this.getField(i);

setPositionChild(fField, 0, iYPos);
layoutChild(fField, iWidth, iHeight);

iYPos = iYPos + fField.getHeight();
}

setExtent(iWidth, iHeight);
}

I have exhausted the forums and Googled this issue to death. Any ideas what I am doing wrong here?

[celios]

Hi, I would be interested to know if you ever figured out a simple way to do this? I am attempting to get a similar look for my application UI and can't seem to get the results I am looking for (e.g. the rounded corner borders that the tasks app has) using BorderFactory and Border.