Element htmlb:group not working.

Question

Hi All,
I need to group some logicaly related elements in the BSP page, i tried using the BSP HTMLB element GROUP , but for some reason it does not make any difference in the BSP page.I have seen the HTMLB_SAMPLES and SBSPEXT_HTMLB applications and tried using the same logic......but not working.
<htmlb:group id        = "group1"
              title     = "Test Group"
              tooltip   = "This is a tooltip" >
      <htmlb:groupHeader>
         <htmlb:textView id="mytext" text="This is a test" tooltip="Test Text Tooltip">
         </htmlb:textView>
        </htmlb:groupHeader>
             <htmlb:groupBody>
    SOME ELEMENTS HERE    
</htmlb:groupBody>
           </htmlb:group>
I have  a Gridlayout divided into 2 columns and 6 rows , i want to group only the last two rows  ie 5 & 6 into a group.
What might be the problem?
Thanks,
Anubhav.

Answer 1

Hi,
if I understand, you´re trying to group rows in your grid control and NOT related elements (like radiobuttons), as stated. That´s why it does not work with <htmlb:group>.
I assume you have a code like this:
<htmlb:gridLayout columnSize="2" rowSize="3" cellPadding="5">
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="1">Field 1</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="2" rowIndex="1">Value 1</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="2">Field 2</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="2" rowIndex="2">Value 2</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="3">Field 3</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="2" rowIndex="3">Value 3</htmlb:gridLayoutCell>
</htmlb:gridLayout>
how about if you change it like this:
<htmlb:gridLayout columnSize="2" rowSize="2" cellPadding="5">
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="1">Field 1</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="2" rowIndex="1">Value 1</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="2" colSpan="2">
  <htmlb:gridLayout columnSize="2" rowSize="2" cellPadding="5">
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="1">Field 2</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="2" rowIndex="1">Value 2</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="1" rowIndex="2">Field 3</htmlb:gridLayoutCell>
  <htmlb:gridLayoutCell columnIndex="2" rowIndex="2">Value 3</htmlb:gridLayoutCell>
  </htmlb:gridLayout>
  </htmlb:gridLayoutCell>
</htmlb:gridLayout>
In this way, you´re "grouping" rows 2 and 3 within another grid.