Kopyov does not currently provide support for this item.

409 comments found.

Hey Kopyov,

How to create icons as large as those reserved for the side navigation, i need to add other menu items to the side bar with different icons? Thx


I included .psd file with all icons in vector shapes, just resize one of them, apply necessary styles and save to the proper folder.



I’m trying to figure the Statictics sample page. From where are the graphics getting the data to display?

They need to make the comments searchable in Themeforest.


All files with graphs parameters are in /js/charts/ folder. Each chart has its own .js file with options.

Hi Kopyov,

I am working on chat embedded in my app, and I am having dificult to create a panel inside the #content with bottom of page fixed input text and middle heigh scrolling panel. Do you thing is possible to achieve this?


Hmm, i don’t get your issue. Could you please send me a link to the page?

http://srv04.wln.com.br/v4/chat#user6 ‘kopyov’ for the user e pass.

if you see that, I made the input for chat at top, but I would like to put it at bottom, but with the input fixed at the bottom of page instead of invisible by scroll…

When i click on user on the left side, it adds 2 blocks in an order when input is on top. I believe this is something in your code, because original html version has that input at the bottom

I try to put footer div in this template. There is a problem.

My footer is covered by upper layer of sidebar or navigation component. The content inside or is always redrawed every time the page is loaded.

Can you tell me how to show my footer after the sidebar is redrawed so that my footer can be seen at a higher layer of sidebar?

Could you show me the page, i’ll check what’s wrong?

Let’s use the index.html for testing. I write <div>FOOTERFOOTERFOOTER</div> right before the </body> tag. What I want is to show the footer of the whole page, not the footer of the content div. However, sidebar div will cover up the resulted “FOOTERFOOTERFOOTER” text.

Sidebar has absolute position with background, it will cover the footer. You can try to wrap sidebar and content in one additional div with some class and footer after that class.

Hi Kopyov, Can you tell me why certain form elements don’t work in the Wizard?

Specifically the “Multiple with Search” item. Any help would be great.

Also, I’d love to see some of these things implemented into the theme:

Thanks! Great theme!

Hey there.

You need to update values dynamically or refresh plugin when it becomes visible. Please see plugin documentation.

Thanks for suggestions, i will definitely include some of them to the next update ;)


this might be somewhat general question but has someone tried adding a tree view of some sort to a formRow div.

I’ve tried several jQuery plugins but all of them had some sort of rendering issues with the existing theme, and on top of that, themes provded with all treeView plugins were just horrible in comparison to this.

Kopyov maybe? :D

Cheers, T.

P.S. really really neat theme.


The most famous treeview plugin i know is this one. What kind of rendering issues did you have with other plugins?

I’ve managed to setup jstree plugin even tho it took me 5 hours to recode the darn thing. Thanks anways.

Hey Eugene,

I’ m sik for a lot of days, now I start again… ;-)

My problem, to include a pie-chart after a tableoutput of my sql query I just only get a white area… after I check the side with firebug I see the following message:

$(”.balBars”).sparkline is not a function

My head.. <script type=”text/javascript” src=”js/jquery.min.js”></script> <script type=”text/javascript” src=”js/jquery-ui.min.js”></script>

<script type="text/javascript" src="js/plugins/charts/excanvas.min.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.js"></script>

<script type=”text/javascript” src=”js/plugins/tables/jquery.dataTables.js”></script> <script type=”text/javascript” src=”js/plugins/tables/jquery.sortable.js”></script> <script type=”text/javascript” src=”js/plugins/tables/jquery.resizable.js”></script>

<script type=”text/javascript” src=”js/plugins/forms/jquery.autosize.js”></script>

<script type=”text/javascript” src=”js/plugins/forms/jquery.uniform.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.inputlimiter.min.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.tagsinput.min.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.maskedinput.min.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.autotab.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.select2.min.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.dualListBox.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.cleditor.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.ibutton.js”></script>

<script type=”text/javascript” src=”js/plugins/forms/jquery.validationEngine-en.js”></script> <script type=”text/javascript” src=”js/plugins/forms/jquery.validationEngine.js”></script>

<script type=”text/javascript” src=”js/plugins/uploader/plupload.js”></script> <script type=”text/javascript” src=”js/plugins/uploader/plupload.html4.js”></script> <script type=”text/javascript” src=”js/plugins/uploader/plupload.html5.js”></script> <script type=”text/javascript” src=”js/plugins/uploader/jquery.plupload.queue.js”></script>

<script type=”text/javascript” src=”js/plugins/wizards/jquery.form.wizard.js”></script> <script type=”text/javascript” src=”js/plugins/wizards/jquery.validate.js”></script>

<script type=”text/javascript” src=”js/plugins/wizards/jquery.form.js”></script>

<script type=”text/javascript” src=”js/plugins/ui/jquery.collapsible.min.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.breadcrumbs.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.tipsy.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.progress.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.timeentry.min.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.colorpicker.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.jgrowl.js”></script>

<script type=”text/javascript” src=”js/plugins/ui/jquery.fancybox.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.fileTree.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.sourcerer.js”></script>

<script type=”text/javascript” src=”js/plugins/others/jquery.fullcalendar.js”></script> <script type=”text/javascript” src=”js/plugins/others/jquery.elfinder.js”></script>

<script type=”text/javascript” src=”js/plugins/forms/jquery.mousewheel.js”></script> <script type=”text/javascript” src=”js/plugins/ui/jquery.easytabs.min.js”></script> <script type=”text/javascript” src=”js/files/bootstrap.js”></script>

<script type=”text/javascript” src=”js/files/functions.js”></script> I hope you can help me

<script type="text/javascript" src="js/charts/pie.js"></script>


Seems like you removed the path to sparklines plugin and kept its function in functions.js file. Pie chart depends on flot and pie plugins


i testet a lot of time and now I can draw an pie-chart in my source :-)

Now I want to ask, how can I put the data inside my document? I try to disable the first section in pie.js and set them bevore the line , but it dont works…

What do you mean by adding it to your document? Did you add your chart parameters correctly?

<div class="widget grid6"> <div class="whead hand closed"><h6>Charts</h6></div> <div class="body"> <!--- <script type="text/javascript" charset="utf-8"> $(function () { var data = []; { data[0] = { label: "ausgegeben", hoverable: true, data: #SZAusgabenLaden.HHSTausgegeben# } data[1] = { label: "verplant", hoverable: true, data: #SZverplantLaden.HHSTausgegeben# } data[2] = { label: "uebrig", hoverable: true, data: #uebrig# } } </script> ---> <div class="pie" id="donut" /> </div> </div><!-- widget grid6 ends -->

Hey Eugene,

thank you very mutch! It’s a powerful and very nice template! And I start to love it ;-)

Regards from Nordfriesland

you’re always welcome ;)

Hi, can you give me an excample about your message :

“It works only for the 2nd level, which appears on the side sidebar. To make the first level item active, add class=”active” to the first level link”

I dont know how! thx

There is a left side navigation with dark background, it’s a first level. It has this structure:
<li><a href="">...</a></li>
so you need to add class=”active” to the a tag

Kopyov, would you discuss a website project with me? It’s for a company.

Att, Bernardo Lima

First of all thanks for the awesome admin template. I just loved it. Here’s an advice that I’d like to see next update. Can you indicate as comment that which javascript libraries are essential for simple using. I mean which plugins must be included in all pages? Because, I do not want to include all of them in every page. It does not make any sence.

Thanks in advance. Good luck.


In the latest update i added blank functions.js files with necessary js code only. Also there is a blank html page, please download an updated version ;)


Thanks for your reply ;) And I am wondering whether the sidebar can be moved out of the sidebar container( .. )? Because I use template system (header-content-footer). My navigation is same in every page but sidebar not. That’s why they have to be seperated (Sidebar’s content depends on the main content).

When I try to do that, the layout collapses.

Yes but with additional customization. Those 2 sidebars have a common background and 100% height. If you want to move sone of them to the right, you need to change the whole structure

Hey Eugene,

I can’t change the aoutput language for datepicker…? I change in all .js files the arrays in german translation, but no effect!

Can you help me?

You need to add localization file and add something like this:
$.datepicker.setDefaults( $.datepicker.regional[ "de" ] );
to datepicker options

Hi Eugene, for a few days I have seen on wrapboostrap your new theme (Core) but I do not find it anymore. Where is it? Have you deleted? hello



I don’t even have an account there :)

I’m sorry, I must have been mistaken. It seems to me that you were going to be launching a new theme. Then purchase Aquincum :-) greetings

Yes, a new template was uploaded yesterday and still in queue ;)

whats about full twitter bootstrap support in template ? thx

Will be added very soon

One other thing! :D

styled file upload element in firefox (latest) does not respond to click on the ”+” icon. (no javascript errors)

Have anyone else with this problem too?

Just checked, works fine for me in FF 19.0.2 :)


I have an issue with the controls not ‘refreshing’ when they are modified using jquery. Examples: The display of the check box does not update when the underlying control is checked/unchecked using jquery.
$('#checkbox').attr('checked', 'checked');
The drop down list continues to display the previously selected item after all the items have been cleared and new items added.

Is there a way to ‘re-initialize’ selected controls after I have modified them?

You can use
to update values dynamically

Hi, I think there is a bug in datepicker styling: Image and video hosting by TinyPic all 3 months should be in one line.


Ohh, thanks for remind me, i forgot to add a fix in the latest update. Those left borders need to be removed, find
.ui-datepicker-multi .ui-datepicker-group {  }
in ui_custom.css file and remove left border.