Hi,

   <script type="text/javascript">
    function NetWorkdata(field)
    {        
        calldisplayTemplate(field);
    }
</script>
 
  <apex:sectionHeader title="Page" subtitle="Displaying Widgets"/>
    <apex:form id="theform">
            <apex:actionFunction action="{!Networklist}" reRender="selectsection"  name="calldisplayTemplate" >
                <apex:param assignTo="{!Name1}" name="networkvalue" value=""/>         
            </apex:actionFunction>
       <apex:pageBlock >       
         <apex:pageBlockSection >
          <apex:pageBlockSectionItem >
              <apex:outputLabel value="Select Category"></apex:outputLabel>
                <apex:outputPanel >
                    <apex:repeat value="{!selectcategory}" var="social" id="selectcategory">
                        <td style="padding-left:10px;">
                            <div>
                            <apex:image value="{!social.Image}" height="110" width="110" onclick="NetWorkdata('{!social.Label}');"/>
                            <div>
                            <input type="radio" value="{!social.Label}" name="social" onclick="NetWorkdata('{!social.Label}');" />                          
                            {!social.Label}
                            </div>
                            </div>                                                               
                           </td>
                       </apex:repeat>
                   </apex:outputPanel>   
               </apex:pageBlockSectionItem>
            </apex:pageblocksection>
            <apex:outputPanel id="selectsection">
             <apex:pageblocksection >
                <apex:pageblocksectionItem >       
                <apex:outputlabel value="Displayed Widgets"/>
                </apex:pageblocksectionItem> <br/>
              <apex:pageblockSectionItem >              
                  <apex:outputlabel Value="WidgetName"></apex:outputlabel>
                 
                  <apex:inputtext value="{!Username}" size="40" styleclass="name"/>
        
                </apex:pageblockSectionItem>
                <br/>  
                <apex:pageBlockSectionItem >
                    <apex:repeat value="{!selectlayout}" var="layout" >
                          
                          
                               <apex:outputpanel >                      
                             <apex:image value="{!layout.Image1}" height="50" width="50" />
                             <div>
                            <apex:outputText value="{!layout.label1}" />
                          
                            <div>
                            <apex:inputtext value="{!layoutname}" rendered="{!layout.Text1='Textbox'}" size="40"/>
                             </div>
                           <apex:inputtextarea rendered="{!layout.Text1='Textarea'}" />
                           </div>
                               <br/>              
                              </apex:outputpanel>                                                                       
                                                                                            
                    </apex:repeat>
                </apex:pageBlockSectionItem>    

              </apex:pageblocksection>                  
                </apex:outputpanel>
                    <apex:commandButton value="Save" action="{!Save}" />                   
            </apex:pageblock>  
     </apex:form>

My requirement is that when I click on the first image.. I have to render the remaining images along with the username,Displyed Widgets and save button that I have wrote in vf page...........But what's happening now is I'm getting the first image plus these fields(save button,displayed widgets,&username)....when I click on the first Image only then this values should be render......how can this happen?