PSD Design Layout in Codename One

1
votes

I need your help please I am so stuck with this.

I have the following PSD login screen called "city guide":

City Guide PSD

I am able to implement the blue background and the white images around it using the layered layout successfully in CN1.

I am however getting stuck when trying to come up with the right layout for the word "cityGuide" in the centre and the text beneath it and then the two buttons at the bottom.

I tried border layout and I got the city guide in the middle and the buttons at the bottom.

But the text "Explore the best places..." is either positioned right below the phrase "CityGuide" or right above the bottom buttons. I am not able to position it half way between the "CityGuide" and the bottom buttons.

Any help will be much, much appreciated.

Regards, Salah.

1
codenameone

1 Answers

0
votes

I would suggest an absolute center border layout where the cityguide logo and the text beneath are at the center within a BoxLayout.Y_AXIS and a sensible amount of padding between them.

The bottom buttons would be in another BoxLayout.Y_AXIS at the SOUTH portion of the border layout.