The detail component is used to display a detailed section where a master row and

multiple detail rows are on the same row.

<?xml version="1.0" encoding="UTF-8"?>
<zk>
    Please open/close the +/- button, and the layout of this page shows properly.    
    <grid fixedLayout="true" width="600px">    
        <columns>        
            <column width="25px" />            
            <column>Product Name</column>            
            <column>Price</column>            
            <column>Item location</column>            
        </columns>        
        <rows>        
            <row>            
                <detail>                
                                            <hbox>                                            
                        <image width="200px" height="200px" src="/img/icon_update.png"/>                        
                        <vbox>                        
                            <label value="Item Specifics - Item Condition"                            
                                style="font-weight:bold;font-style: italic;" />                                
                        <hbox>                        
                            <label value="Condition:" />                            
                            <label value="Used"                            
                                style="font-weight:bold;" />                                
                        </hbox>                        
                        <hbox>                        
                            <label value="Brand:" />                            
                            <label value="Apple"                            
                                style="font-weight:bold;" />                                
                        </hbox>                        
                        <hbox>                        
                            <label value="Technology:" />                            
                            <label value="DVI"                            
                                style="font-weight:bold;" />                                
                        </hbox>                        
                        <hbox>                        
                            <label value="Monitor Type:" />                            
                            <label value="LCD/Flat Panel"                            
                                style="font-weight:bold;" />                                
                        </hbox>                        
                        </vbox>                        
                    </hbox>                    
                </detail>                
                <label value="Apple 20-inch Aluminum Cinema Display M9177/A" />                
                <label style="color:green;float:right;" value="US $202.50" />                
                <label value="tulsa, ok, United States" />                
            </row>            
        </rows>        
    </grid>    
</zk>