Framework layout

[Former Member]

Hi,

I am trying to create a layout as displayed below and don't appear to be able to create this layout. Can anyone help or point out what is missing..??

________________________________________________

**********CELL 1*************	___CELL 2______________
________________________	__CELL 3____	__CELL 4___
________________________________________________

<hbj:gridLayout id="GridLayout1" width="100%" cellSpacing="0">

<hbj:gridLayoutCell rowIndex="1" columnIndex="1" width="75%" verticalAlignment="top">

<lyt:container id="masterHeadContainer" />

</hbj:gridLayoutCell>

<hbj:gridLayoutCell rowIndex="1" columnIndex="2" width="25%" verticalAlignment="top">

<lyt:container id="searchViewContainer" />

</hbj:gridLayoutCell>

<hbj:gridLayout id="GridLayout2" width="100%" cellSpacing="0">

<hbj:gridLayoutCell rowIndex="2" columnIndex="2" width="25%" verticalAlignment="top">

<lyt:container id="UKWeatherViewContainer" />

</hbj:gridLayoutCell>

<hbj:gridLayoutCell rowIndex="2" columnIndex="3" width="25%" verticalAlignment="top">

<lyt:container id="ItalyWeatherViewContainer" />

</hbj:gridLayoutCell>

</hbj:gridLayout>

If anyone can help I would appreciate it. I am sure something is missing, or a part of making this is a table format within HTML and moving the xml code in the right locations.

Will reward if anyone can help....... Need this fixing asap, so worth extra points for any help.

[Former Member]

Hi,

The problem seems to be the CELL 1 and getting it to rowspan over the CELL 2/CELL3 and CELL 4.

Can I use a formlayout and where does this appear within the tagging>??

Thanks for you help, so far and I will award the points.

Kai

[Gauri]

Hi,

You can use the following code:-

You need to give colspan as 2 for the cell2. so that the cell4 and cell3 will have a total of cell2.

<hbj:gridLayout   id="GridLayout1"  width="100%" cellSpacing="2">
            	 
<hbj:gridLayoutCell rowIndex="1" columnIndex="1" width="75%" verticalAlignment="top">
<lyt:container id="column1" />
</hbj:gridLayoutCell>
<hbj:gridLayoutCell rowIndex="1" columnIndex="2" width="25%" verticalAlignment="top" colSpan="2">
<lyt:container id="column2" />
</hbj:gridLayoutCell>
<hbj:gridLayoutCell rowIndex="2" columnIndex="1" width="50%" verticalAlignment="top">
<lyt:container id="column1" />
</hbj:gridLayoutCell>
<hbj:gridLayoutCell rowIndex="2" columnIndex="2" width="25%" verticalAlignment="top">
<lyt:container id="column3" />
</hbj:gridLayoutCell>
<hbj:gridLayoutCell rowIndex="2" columnIndex="3" width="25%" verticalAlignment="top">
<lyt:container id="column4" />
</hbj:gridLayoutCell>

Hope this could solve your problem.

[Former Member]

Hi Kai,

Is it throwing an error or are you not getting the desired look?

What XML code would you be reffering too?

If you are getting an error maybe its because you have'nt closed the gridLayout tag for the first gridLayout id i.e. GridLayout1.