denkGroot supports this item


79 comments found.

What icon collection are the edit/pencil and x/delete icons from? We want to look for a few others form the same collection.

sbkyle: Already recommended DataTables to him on page 1 of the comments.

The name of the icon collection is the documentation of the template.

but of course. stopped reading when i hit “PSD”. thanks!

With regards to DataTables, if Interfico gets sorting working, it would provide us with more visual flexibility using his table implementation instead of DataTables. While we talked to him about that table/grid module early on, if he has both pagination and sorting in his, it’ll actually work better for us.

Ahh I must have missed that! Great suggestion then!



You may want to see if you can modify the charting so that the legend is either above or below the charts. On the charts, if a value is the upper limit (or close to it) and is one of the first data points, things get a bit horked.

Thanks for pointing that out, I didn’t notice it yet.

Hi, nice work. I have a problem with the footer, its NOT fixed at bottom, only in IE8 .

In index.html i have a closing ”< / div>” without start

can you help me? thanks.

I don’t really get what you mean. The footer is at the bottom for me.

in index.html i cleaned all content, just keep header, menu, and footer. i put the div id=”push” located in login.html just before the end of #bokeh and #container but the footer is not fixed at bottom, only works in IE

What browser and what platform?

I have updated all the JS and css files now not pagination at all??

The latest update includes pagination on the table.

I have redownloaded all the files and uploaded the JS and CSS files to the server, now no pagination displays at all. Can you tell me which files where actually modified.

Thankx in advance.

also the text area on the index page does not scroll to fit all text

Hey Interfico,

css/custom-theme/images/ui-bg_flat_100_000_40×100.png seems to be a broken image. Also FYI there is a bug in jwysiwyg where if it is within a hidden div when it is initialized the iframe inside gets set to 5px wide and you cant enter any data.

Remove this line in jquery.wysiwyg.js (line 260 i believe):
width     : ( newX - 8 ).toString() + 'px'

Then in main.css update to this:
div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; width:100% !important; clear: left; }

Thanks for the help. I am working on a replacement for jquery.wysiwyg.js. It’s a plugin I found on the internet, but it doesn’t work properly in my opinion. I’m working on implementing a customized version of “Wymeditor”.

Also, it seems that something went wrong when uploading the most recent package. I’ll reupload it and see if that solves any problems.

New bug. Your CSS seems to be preventing title attributes from creating the typical “tool tips” (we use them heavily for icons representing specific functions).

What do you mean by “it’s only optional”? Please clarify. Thanks.

Also, we came across another nice feature enhancement. It would be great to have a modal supporting standard markup that automatically centers on the screen and dims the background.

I could implement would you like that?

I think that might be overkill. We just a window that maintains the same look and feel of the panel now for which we can add any html we desire. For example, if a link for a company is clicked (or hovered over possibly), a window pops up centered that contains the company logo, name, address, etc. and a brief description (we’ll be coding it to pull from a database). Having it look just the content-box/content-header would be ideal, but keeping it matching the existing modal would also be fine. We can mock up a screenshot if needed.

I cannot get the scroll to work in the textarea. I have viewed it in IE8 firefox and chrome all the same doesnt show the all the text. The overflow is set to auto but it does not show.

Is there a fix?

I have some more issues with the provided jWysiwyg editor. I’m currently replacing it with a custom built one. It’s way better. Hold on and I will deploy an update.

Any news on the update?

I had the need to add buttons next to the content tabs so I thought I would share a quick change to add them gracefully.

In main.css:
/********** Content-tabs **********/

.content-box-header ul {
    float: right;
    margin-top: 6px;
    margin-right: 5px;

.content-box-header {
    float: right;
    margin-top: 6px;
    margin-right: -3px;

.content-box-header ul li {
    display: inline;

.content-box-header ul li a {
    background: url(../images/tab_bg.png);
    border: 1px solid #a9a9a9;
    color: #656565;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 21px;
    padding: 0 10px;
    text-decoration: none;
.content-box-header li a {
    border-left: none;
In script.js
$('.content-box-header li a').click(function() {
            $(this).parent().siblings().find("a").removeClass('current'); // Remove .current from all tabs
            $(this).addClass('current'); // Set tab to current
            var tabcontent = $(this).attr('href'); // Get link to requested tab
            $(tabcontent).siblings().hide(); // Hide all other .tab-content divs
            $(tabcontent).show(); // Show content div
            return false;
Example HTML :
     <div class="content-box">
        <div class="content-box-header">
            <ul class="tab">
                <li><a href="#1">Tab 1</a></li>
                <li><a href="#2">Tab 2</a></li>
                <li><a href="#3">Tab 3</a></li>
                <li><a href="#" class="graybutton">Button 1</a></li>
                <li><a href="#" class="graybutton">Button 2</a></li>
                <li><a href="#" class="graybutton">Button 3</a></li>


I cannot get the scroll to work in the textarea.

Use this line instead of the one in main.css and your editor will have the scrollbar on the y axis.

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; width:100% !important; overflow-x:hidden; overflow-y:scroll; clear: left; }

sbkyle: Do you have a demo URL or screen shot at all that shows that update you made? We’d love to see what you accomplished with it to decide if it is something we can use. Visual representation is always a plus! Thanks.

@getnetworks Thanks for the help but I ended up using a different wysiwug editor.

Next question how to add more than 3 links to the sub navigation. I tried to add 5 links to the sub nav and they didnt show up.

@sbkyle. That mod will come in handy.

@getnetworks: Sure thing, as you can see I’ve also implemented jQuery datatables. As of now I’m just using css selectors for basic functionality.

I apologize Interfico if I’m clogging up the discussion forum, I’m a fan of this theme and just thought I’d share some of the enhancements I have made.

That implementation of datatables looks awesome. I would greatly appreciate it if you could share that with me.

Thanks sbkyle. We could really use that datables/button mod. It’s perfect for our needs. I don’t think Interfico minds, as all of the input and enhancements are just going to make his framework even better. I think he has a following that really wants to make it the ultimate app framework. It was easily the best on ThemeForest when he first first released it and it just keeps getting better.

Interfico: We’re having a lot of issue with the css you have for select options. You’ve hard-coded 175px for width, which isn’t very usable as we have values that need more width. We’ve changed them to auto, but then your styled drop-down arrow consumes too much room on very small select options (such as Yes/No) causing the “Yes” to overlay on the gray drop-down arrow. We then tried adding some padding-right to the css for the selects, and while that fixes things visually, it causes the drop-down arrow to be non-functional (we set the padding to 20px and that seems to “push” the gray drop-down arrow out of a “clickable zone”).

Also, even before modification, something seems wrong with the refreshes of the select options. When a new one is chosen, it doesn’t actually reflect in the drop-down unless you click the select field again.

We just want to bring this to your attention. We’re still working on some potential fixes.

One more thing I felt like I should share. I have added the functionality to save the state of the tabs on content boxes (I’m kind of a functionality junky). I am using the jQuery Cookie Plugin. Once you have loaded the plugin modify your script.js to this:

It is a little messy so feel free to clean it up on your own :D

To make it work you need to add the class saveState and an id to the ul with the tab list. Tip: Try setting the cookie server-side

// Content tabs:

        $('.content-box-header li:first-child a').addClass('current'); // Add .current to the first class
        $('.content-box .tab-content').hide(); // Hide all .tab-content divs
        $('.content-box .tab-content:first-child').show(); // Show default tabs

        //Check for the tabState cookie and load the saved tab
        $('.content-box-header ul.saveState').each(function() {
            if ($.cookie('AdminCP_tabState-' + $(this).attr('id'))) {
                $($.cookie('AdminCP_tabState-' + $(this).attr('id'))).show();
                $(this).find('a[href$=' + $.cookie('AdminCP_tabState-' + $(this).attr('id')) + ']').addClass('current');

        $('.content-box-header li a').click(function() {
            //Check for class saveState on and set cookie if necessary
            if($(this).parents('').hasClass('saveState')) { 
                var state = $(this).attr('href');
                $.cookie('AdminCP_tabState-' + $(this).parents('').attr('id'), state, { path: '/' });
            $(this).parent().siblings().find("a").removeClass('current'); // Remove .current from all tabs
            $(this).addClass('current'); // Set tab to current
            var tabcontent = $(this).attr('href'); // Get link to requested tab
            $(tabcontent).siblings('.tab-content').hide(); // Hide all other .tab-content divs
            $(tabcontent).show(); // Show content div
            return false;

Wow, thanks guys. Really, you’ve made some awesome modifications. I’m still busy putting it all together and you just keep on coming with more awesome stuff. I appreciate it a lot! :D

The next update will have lots of new functionality.