i am creating our college site..

i want to display staff folder wise i created staff.php cloneable teplate also created snippets with staff_list.html

only i want to show staff list

i am using tabs through css

here is a code of staff.php

Code: Select all

<?php require_once( 'couch/cms.php' ); ?>
<cms:template title='Staff' name='staff' clonable='1'>

<cms:editable name='staff_name' label='Staff Name' type='richtext' />

<cms:editable
  name='designation'
  label='Designation'
  type='richtext'
/>
<cms:editable
  name='photos'
  label='photos'
  type='image'
/>
<cms:editable
  name='department'
  label='Department'
  type='richtext'
/>
<cms:folder name='cat_1' title='Arts' />
      <cms:folder name='cat_2' title='Commerce' />
      <cms:folder name='cat_3' title='Science' />
      <cms:folder name='cat_4' title='BCA' />
</cms:template>
<cms:if k_is_page >
<div data-page="projects" class="page no-toolbar no-navbar">
    <div class="page-content">
    
     <div class="navbarpages">
       <div class="navbar_home_link"><a href="index.html"><img src="images/icons/white/home.png" alt="" title="" /></a></div>
       <div class="navbar_page_center">Staff</div>
       <div class="menu_open_icon_white"><a href="#" class="open-panel"><img src="images/menu_open.png" alt="" title="" /></a></div>
     </div>
     <div id="pages_maincontent">
      
  <div class="page_single">
          
              <div class="buttons-row">
                    <a href="#tab3" class="tab-link active button">Arts</a>
                    <a href="#tab4" class="tab-link button">Commerce</a>
                    <a href="#tab5" class="tab-link button">Science</a>
                <a href="#tab6" class="tab-link button">BCA</a>
              </div>
              
              <div class="tabs-simple">
                    <div class="tabs">
                          <div id="tab3" class="tab active">
                                <h4>Arts</h4>
                        <p>
                        </p>
                          </div>
    
                          <div id="tab4" class="tab">
                                <h4>Commerce</h4>
                                <p>
                               
                                </p>
                          </div> 
                          
                          <div id="tab5" class="tab">
                                <h4>Science</h4>
                                <p>
                             
                               </p>
                        <div id="tab6" class="tab">
                                <h4>BCA</h4>
                                <p>
                                
                                </p>
                          </div>
                    </div>
              </div>
          </div>
          </div>     
          
          
          
      
      </div>
      
      
    </div>
  </div>
</div>
<cms:else />
   <cms:embed 'staff_list.html' />
</cms:if>
<?php COUCH::invoke(); ?>

and its staff_list.html

Code: Select all

<?php require_once( 'couch/cms.php' ); ?>
<div data-page="projects" class="page no-toolbar no-navbar">
    <div class="page-content">
    
     <div class="navbarpages">
       <div class="navbar_home_link"><a href="index.html"><img src="images/icons/white/home.png" alt="" title="" /></a></div>
       <div class="navbar_page_center">Staff</div>
       <div class="menu_open_icon_white"><a href="#" class="open-panel"><img src="images/menu_open.png" alt="" title="" /></a></div>
     </div>
     <div id="pages_maincontent">
      
  <div class="page_single">
          
              <div class="buttons-row">
                    <a href="#tab3" class="tab-link active button">Arts</a>
                    <a href="#tab4" class="tab-link button">Commerce</a>
                    <a href="#tab5" class="tab-link button">Science</a>
                <a href="#tab6" class="tab-link button">BCA</a>
              </div>
              
              <div class="tabs-simple">
                    <div class="tabs">
                          <div id="tab3" class="tab active">
                                <h4>Arts</h4>
                        <p><cms:pages masterpage='staff.php' folder='Arts'>
                        <tr class="odd">
<td class="tblimg">
<img src="<cms:show photos />" width="95" height="95" alt="image" class="border_4"> </td>
<td align="left">Prof.<cms:show staff_name />
<br />
<span class="text11">Designation:- <cms:show designation /></br>Department:- <cms:show department /></span>
</td>
</tr></cms:pages>
</p>
                          </div>
    
                          <div id="tab4" class="tab">
                                <h4>Commerce</h4>
                                <p>
                             <cms:pages masterpage='staff.php' folder='Commerce'>
                        <tr class="odd">
<td class="tblimg">
<img src="<cms:show photos />" width="95" height="95" alt="image" class="border_4"> </td>
<td align="left">Prof.<cms:show staff_name />
<br />
<span class="text11">Designation:- <cms:show designation /></br>Department:- <cms:show department /></span>
</td>
</tr></cms:pages>
                                </p>
                          </div> 
                          
                          <div id="tab5" class="tab">
                                <h4>Science</h4>
                                <p>
                            <cms:pages masterpage='staff.php' folder='Science'>
                        <tr class="odd">
<td class="tblimg">
<img src="<cms:show photos />" width="95" height="95" alt="image" class="border_4"> </td>
<td align="left">Prof.<cms:show staff_name />
<br />
<span class="text11">Designation:- <cms:show designation /></br>Department:- <cms:show department /></span>
</td>
</tr></cms:pages>
                               </p>
                        <div id="tab6" class="tab">
                                <h4>BCA</h4>
                                <p>
                                <cms:pages masterpage='staff.php' folder='BCA'>
                        <tr class="odd">
<td class="tblimg">
<img src="<cms:show photos />" width="95" height="95" alt="image" class="border_4"> </td>
<td align="left">Prof.<cms:show staff_name />
<br />
<span class="text11">Designation:- <cms:show designation /></br>Department:- <cms:show department /></span>
</td>
</tr></cms:pages>
                                </p>
                          </div>
                    </div>
              </div>
          </div>
          </div>     
          
          
          
      
      </div>
      
      
    </div>
  </div>
</div>

how i show folderwise

[trendoman]

Hi, @vbxlive


First, I spotted the wrong way you embed full template, instead of embedding only html part.
So, please, refresh your familiarity with embedding of code snippets.
Here is the page of tutorial http://docs.couchcms.com/miscellaneous/smart_embed.html

Second, you don't fully understand the concept of listing stuff, as you show hardcoded folder names in your html, instead of enumerating them automatically from your template.
Most of the questions you can safely resolve after refreshing this page of tutorial. It, actually, does right what you want. Let me know if you have questions on that.

http://docs.couchcms.com/tutorials/portfolio-site/portfolio.html


In future, you might be also interested in creating these Categories from Admin Panel, instead of hardcoding all folders in template. So this tutorial would be of much help:
http://docs.couchcms.com/miscellaneous/dynamic-folders.html

Thanks for suggestions @trendoman, i will improve this code with your suggestions

hi... Why dont you try this are a first:

you are using the following code:

Code: Select all

<cms:template title='Staff' name='staff' clonable='1'>

<cms:editable name='staff_name' label='Staff Name' type='richtext' />

<cms:editable
  name='designation'
  label='Designation'
  type='richtext'
/>
<cms:editable
  name='photos'
  label='photos'
  type='image'
/>
<cms:editable
  name='department'
  label='Department'
  type='richtext'
/>
<cms:folder name='cat_1' title='Arts' />
      <cms:folder name='cat_2' title='Commerce' />
      <cms:folder name='cat_3' title='Science' />
      <cms:folder name='cat_4' title='BCA' />
</cms:template>

Make the following changes so that as a primary, you can get rid of the hard coded folder names. I understand that the number of courses is constant in your college, but then, its better to have them created dynamically.

<cms:template title='Staff' name='staff' clonable='1' dynamic_folders='1'>

Delete:

<cms:folder name='cat_1' title='Arts' />
<cms:folder name='cat_2' title='Commerce' />
<cms:folder name='cat_3' title='Science' />
<cms:folder name='cat_4' title='BCA' />
</cms:template>

Make the following change in you staff_list.html

Code: Select all

<cms:pages masterpage='staff.php' folder='Commerce'>

change to

Code: Select all

<cms:pages masterpage='staff.php' folder=k_folder_name>

Also, you are using redundant code:

Code: Select all

<p><cms:pages masterpage='staff.php' folder='Arts'>
                        <tr class="odd">
<td class="tblimg">
<img src="<cms:show photos />" width="95" height="95" alt="image" class="border_4"> </td>
<td align="left">Prof.<cms:show staff_name />
<br />
<span class="text11">Designation:- <cms:show designation /></br>Department:- <cms:show department /></span>
</td>
</tr></cms:pages>
</p>

just use:

Code: Select all

<p><cms:pages masterpage='staff.php' folder=k_folder_name>
                        <tr class="odd">
<td class="tblimg">
<img src="<cms:show photos />" width="95" height="95" alt="image" class="border_4"> </td>
<td align="left">Prof.<cms:show staff_name />
<br />
<span class="text11">Designation:- <cms:show designation /></br>Department:- <cms:show department /></span>
</td>
</tr></cms:pages>
</p>

Implement these and see... you problem should be solved to quite an extent.

And dont forget to study the resources given to you by trendoman... they will help you sharpen your development skills in couch...

Feel free to post in any query that you may have.

Regards,
GenXCoders