How to Add New Tabs with Elements in the admin_area of Clip-Bucket v2

Hello,

Recently I’ve been creating several custom modifications for different clients, and they often ask me to create an area to administer configurations for it or other things. The easiest way for me to create the tab for the mod in the left column, will be shown in this article (Scroll to the bottom to see an image of what I’m talking about). Feel free to comment if you have an optimization for my method. Works for the Clip-Bucket v2 branch.

Difficulty level: Easy

1. Open left_menu.html, located in ./admin_area/styles/cbv2/layout/*

2. Before:

<!-- *********************************End Menu****************************** -->

add the following:

<div class=”mainDiv” >

    <div class="topItem"  >NAME OF TAB</div> 
    <div class="dropMenu" >           
      <div class="subMenu">
            <div class="subItem"><a href="NAMEOFFILE.php">NAMEOFELEMENT</a></div>
      </div> 
    </div> 
  </div>

3.  Change “NAMEOFTAB“, to the name you would like the tab to have; change “NAMEOFFILE“, to the name of your php file; change “NAMEOFELEMENT“, to the name of the sub item  or element.

To add different elements, duplicate this line:

<div class="subItem"><a href="NAMEOFFILE.php">NAMEOFELEMENT</a></div>

You can have as much as you want.

Image below is for you to better understand what does each change correspond to.

4. Save and Upload.

To see your newly created tab, go to your admin_area. If you any question or problems, please do not hesitate to comment, and I’ll be more than glad to assist you.

Best Regards,

Richi

Owner of Juapo2Services

Looking for quality ClipBucket hosting? Try out Arvixe and you won’t be disappointed.
Tags: , , , , , , , , , , , , , , | Posted under ClipBucket | RSS 2.0

Author Spotlight

Richi González

Richi González

I started programming when I was 12. I'm a Developer and have been working with the Clip-Bucket script since it came out. I'm the Liaison between Arvixe and Clip-Bucket, so anything you need regarding Clip-Bucket or any particular computer-related subject you need, let me know so I can assist you.

One Comment on How to Add New Tabs with Elements in the admin_area of Clip-Bucket v2

  1. wifidr500 says:

    Thanks for your sharing! It is very useful technique.

Leave a Reply

Your email address will not be published. Required fields are marked *


5 × 3 =

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>