Screen with multiple rows and columns (RPG)

[MCUNNINGHAM]

How do I divide a screen into a row covering the entire top 5% of the screen, and then two columns (one of 20% and another of 80%) below it. See the example below from the tutorials, but further dividing the red portion into two sections (perhaps red and green).

[MarkDuignan]

I think that the top cell (1,1) would have Width=Fill, Height=5% and Layout.Cols =-1 so it spans across all columns.

The left lower cell (1,2) would have Width=20%, Height=Fill.

The right lower cell (2,2) would have Width=50%, Height=Fill.

Happy to supply some code - please advise whether RPG or RDMLX format is best for you.

[MarkDuignan]

The attached example RPG program contains a generic sub-function that can create screen content dynamically.

It builds the screens below using this RPG code

// Row: Col: Height: Width: Backcolor: TextColor: Text: RowSpan: ColSpan
MakeCell (1 : 1 : '5%' : 'Fill' :'Red' : 'White' : 'Top' : 0 : -1);
MakeCell (2 : 1 : 'Fill' : '50%' :'Blue' : 'White' : 'Left' : 0 : 0);
MakeCell (2 : 2 : 'Fill' : '50%' :'Green': 'White' : 'Right' : 0 : 0);

Hope this helps you experiment with different flow layouts.

iPhone Portait

portrait.png (9.41 KiB) Viewed 4848 times

iPhone Landscape

LandScape.png (16.42 KiB) Viewed 4848 times

[MarkDuignan]

This change:

// Row Col Height Width Backcolor TextColor Text RowSp ColSp

MakeCell (1 : 1 : '5%' : 'Fill' :'Blue' : 'White' : 'Top' : 0 : -1);

MakeCell (2 : 1 : 'Fill' : '20%' :'Red' : 'White' : 'Left' : 0 : 0);

MakeCell (2 : 2 : 'Fill' : '80%' :'Green': 'White' : 'Right' : 0 : 0);

produces this screen below.

Also see http://www.longrangemobile.com/docs/LRP ... anging.htm

iPad in Landscape mode

iPadLandScape.png (14.3 KiB) Viewed 4844 times