How to show Specific CRX node structure on UI

[dhanubrp]

We have a component ( we are creating component using dialog.xml file ) .

Component fields look in below format

 

General Category 1
General Category 2
......

General Category 20

Each category should have 15 Labels per each ( In screenshot added only 2 labels )

General Category 1 -> Label1 ,Lable12 .....Labe115
.......

CRX structure look below format for the component fields

categorylabels

               category1 -> label1,label2.....label15

               category2 -> label1,label2.....label15

                .......

               category20 -> label1,label2...label15

After entering the data and submit on component , In UI data looks in the below format

The values are showing continuously.

We want to show data  in below format

General Category1

  Label1 = General Category1 label1 value

  Label2 = General Category1 label2 value

General Category2

  Label1 = General Category2 label1 value

  Label2 = General Category2 label2 value

etc.....

component path:

 ./apps/....../categorylabels/dialog.xml 

    Tried to override categorylabels.jsp 

   In jsp we are able to access  "categorylabels"  node values

   but  we are not able to access   "categorylabels/category1"  node values

Can anyone please help me,  how to show these details  in UI ?  

Component Code:

         <category1 jcr:primaryType="cq:Widget"  title="General Category 1" xtype="dialogfieldset">
            
               <items jcr:primaryType="cq:WidgetCollection">
                        
		       <lablel1
                            jcr:primaryType="cq:Widget"
							
                            fieldLabel="Label 1"
                           
                            name="./category1/lablel1"
                           
                            xtype="textfield">
                           
                        </lablel1>
						
	                <lablel2
                            jcr:primaryType="cq:Widget"
							
                            fieldLabel="Label 2"
                           
                            name="./category1/lablel2"
                           
                            xtype="textfield">
                           
                        </lablel2>
                    </items>
					
             </category1>