285 comments found

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hey thank you so much for your help it worked, basically i just had to define the new language in the custom file as you said. i do have a tiny tiny css problem now though.. can i send you the login details to your email im sure u can figure it out… the “chosen” select option is acutally coming outside of the select as its own div… i duno why it does that everywhere for some reason…

Kopyov

Sure, email me login details through the contact form on profile page ;)

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
manu144x Purchased

I just wanted to tell other people, if they decide to join all javascript in one file (like I did with PHP for example) you need to make sure to add an ; to the end of some javascript files, or else nothing will work.

I can’t remember which ones, but if you get strange errors, 90% that could be the issue.

Kopyov

Oh thank you for the tip!!

Eugene

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
  • Netherlands
careltje Purchased

Kopyov, could you make the form elements able to be displayed in block form by any chance? When using the grid system and displaying forms, if the left side (text) is to large for the form element to be displayed beside it, it will be placed a line lower. I’d rather have the ability to place form element BELOW the tekst on the left. Is this possible?

Kopyov

I will, very soon i’ll upload major update with full featured fluid grid. For sure it’ll be done by the end of June.

But basically you can set 100% width for the right side of the form and clear floating from the label and right side, that will solve your issue.

Default-user
careltje Purchased

Cheers! Good to know! :)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Turkey
thgr Purchased

How can we do with java integration data-tables

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
  • United States

So far I’ve had to rewrite most of the css. The css identifiers were too specific and it used a lot of IDs, you shouldn’t use the same ID more than once on a page, for example, the toggle open for widgets.

The point of buying a pre made template is to cut out the work of styling, for the past 4 weeks I’ve been fixing everything included in the CSS files.

The checkboxes and radio bullets don’t line up right with the text so I had to fix that too. Perhaps I should just fix everything and resell it myself.

Kopyov

Well, there are only 4 ID’s in the css files = left side, right side, footer and color picker.

I can’t predict all possible usages of this template. If you don’t like id’s in active toggle – change it to class or add ID’s dynamically. I can’t satisfy everyone

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi Kopyov, great style btw. I am having a problem with the WYSIWYG editor. I copied the code directly from the demo page:

<div class="widget"> <div class="title"><img src="images/icons/dark/pencil.png" alt="" class="titleIcon" /><h6>WYSIWYG editor</h6></div> <textarea id="editor" name="editor"></textarea> </div>

but when I load the page, the editor doesnt show up correctly. It seams that you can only type in a space after the ‘show code’ button. Also, I have to click on the show code button to even start typing. I have checked and rechecked my layout and all the divs are in the right places. Honestly, I am lost at what can be going on. The demo page works just fine…any help or direction on what to check would be a great help! Thanks!

Kopyov

Hi there.

Could you please show me your page? On my side everything works fine.

Default-user

Would you like the whole page? It’s going to be a pretty long comment haha.

Btw, I am looking at it through firebug and comparing the working demo page and mine. Seams like it has something to do with the iframe set up.

Kopyov

Yes please, i need to see the code, seems like something was missed in styles ;)

Default-user
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <title>Dashboard</title> <link href="css/main.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="js/plugins/spinner/ui.spinner.js"></script> <script type="text/javascript" src="js/plugins/spinner/jquery.mousewheel.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/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/charts/jquery.flot.orderBars.js"></script> <script type="text/javascript" src="js/plugins/charts/jquery.flot.pie.js"></script> <script type="text/javascript" src="js/plugins/charts/jquery.flot.resize.js"></script> <script type="text/javascript" src="js/plugins/charts/jquery.sparkline.min.js"></script> <script type="text/javascript" src="js/plugins/forms/uniform.js"></script> <script type="text/javascript" src="js/plugins/forms/jquery.cleditor.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/forms/jquery.tagsinput.min.js"></script> <script type="text/javascript" src="js/plugins/forms/autogrowtextarea.js"></script> <script type="text/javascript" src="js/plugins/forms/jquery.maskedinput.min.js"></script> <script type="text/javascript" src="js/plugins/forms/jquery.dualListBox.js"></script> <script type="text/javascript" src="js/plugins/forms/jquery.inputlimiter.min.js"></script> <script type="text/javascript" src="js/plugins/forms/chosen.jquery.min.js"></script> <script type="text/javascript" src="js/plugins/wizard/jquery.form.js"></script> <script type="text/javascript" src="js/plugins/wizard/jquery.validate.min.js"></script> <script type="text/javascript" src="js/plugins/wizard/jquery.form.wizard.js"></script> <script type="text/javascript" src="js/plugins/uploader/plupload.js"></script> <script type="text/javascript" src="js/plugins/uploader/plupload.html5.js"></script> <script type="text/javascript" src="js/plugins/uploader/plupload.html4.js"></script> <script type="text/javascript" src="js/plugins/uploader/jquery.plupload.queue.js"></script> <script type="text/javascript" src="js/plugins/tables/datatable.js"></script> <script type="text/javascript" src="js/plugins/tables/tablesort.min.js"></script> <script type="text/javascript" src="js/plugins/tables/resizable.min.js"></script> <script type="text/javascript" src="js/plugins/ui/jquery.tipsy.js"></script> <script type="text/javascript" src="js/plugins/ui/jquery.collapsible.min.js"></script> <script type="text/javascript" src="js/plugins/ui/jquery.prettyPhoto.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.breadcrumbs.js"></script> <script type="text/javascript" src="js/plugins/ui/jquery.sourcerer.js"></script> <script type="text/javascript" src="js/plugins/calendar.min.js"></script> <script type="text/javascript" src="js/plugins/elfinder.min.js"></script> <script type="text/javascript" src="js/custom.js"></script> <script type="text/javascript" src="js/charts/chart.js"></script> </head> <!-- START LEFT SIDE CODE --> <div id="leftSide"> <div class="logo"> <a href="index.html"><img src="images/logo_1.png" alt="" /></a> </div> <!-- START LEFT MENU --> <ul id="menu" class="nav"> <li class="dash"><a href="index.php" title=""><span>Dashboard</span></a></li> <li class="charts"><a href="statistics.php" title=""><span>Statistics</span></a></li> <li class="forms"><a href="#" title="" class="exp"><span>Safety Assessment</span><strong>4</strong></a> <ul class="sub"> <li><a href="safety.php" title="">Overview</a></li> <li><a href="safety.php?do=search" title="">Search</a></li> <li><a href="safety.php?do=reports" title="">Reports</a></li> <li class="last"><a href="safety.php?do=new" title="">Add New Item(s)</a></li> </ul> </li> <li class="ui"><a href="#" title="" class="exp"><span>Groups</span><strong>2</strong></a> <ul class="sub"> <li><a href="safety.php" title="">Groups</a></li> <li class="last"><a href="safety.php?do=search" title="">Users</a></li> </ul> </li> <li class="tables"><a href="#" title="" class="exp"><span>FWR</span><strong>4</strong></a> <ul class="sub"> <li><a href="fwr.php?do=view&type=open" title="">Open FWR's</a></li> <li><a href="fwr.php?do=new" title="">Create FWR</a></li> <li><a href="fwr.php?do=view&type=closed" title="">Closed FWR's</a></li> <li class="last"><a href="fwr.php?do=workload" title="">FWR Work Load</a></li> </ul> </li> <li class="tools"><a href="tools.php" title=""><span>Tools</span></a></li> <li class="hazards"><a href="hazards.php" title=""><span>Hazards</span></a></li> </ul><!-- END LEFT SIDE --> </div><!-- Right side --> <div id="rightSide"><!-- Top fixed navigation --> <div class="topNav"> <div class="wrapper"> <div class="welcome"><a href="#" title=""><img src="images/userPic.png" alt="" /></a><span>Temp Holder for USERNAME</span></div> <div class="clear" /> </div> </div><!-- Responsive header --> <div class="resp"> <div class="respHead"> <a href="index.html" title=""><img src="images/loginLogo.png" alt="" /></a> </div> <div class="cLine" /> <div class="smalldd"> <span class="goTo"><img src="images/icons/light/home.png" alt="" />Dashboard</span> <ul class="smallDropdown"> <li><a href="index.html" title=""><img src="images/icons/light/home.png" alt="" />Dashboard</a></li> <li><a href="charts.html" title=""><img src="images/icons/light/stats.png" alt="" />Statistics and charts</a></li> <li><a href="#" title="" class="exp"><img src="images/icons/light/pencil.png" alt="" />Forms stuff<strong>4</strong></a> <ul> <li><a href="forms.html" title="">Form elements</a></li> <li><a href="form_validation.html" title="">Validation</a></li> <li><a href="form_editor.html" title="">WYSIWYG and file uploader</a></li> <li class="last"><a href="form_wizards.html" title="">Wizards</a></li> </ul> </li> <li><a href="ui_elements.html" title=""><img src="images/icons/light/users.png" alt="" />Interface elements</a></li> <li><a href="tables.html" title="" class="exp"><img src="images/icons/light/frames.png" alt="" />Tables<strong>3</strong></a> <ul> <li><a href="table_static.html" title="">Static tables</a></li> <li><a href="table_dynamic.html" title="">Dynamic table</a></li> <li class="last"><a href="table_sortable_resizable.html" title="">Sortable & resizable tables</a></li> </ul> </li> <li><a href="#" title="" class="exp"><img src="images/icons/light/fullscreen.png" alt="" />Widgets and grid<strong>2</strong></a> <ul> <li><a href="widgets.html" title="">Widgets</a></li> <li class="last"><a href="grid.html" title="">Grid</a></li> </ul> </li> <li><a href="#" title="" class="exp"><img src="images/icons/light/alert.png" alt="" />Error pages<strong>6</strong></a> <ul class="sub"> <li><a href="403.html" title="">403 page</a></li> <li><a href="404.html" title="">404 page</a></li> <li><a href="405.html" title="">405 page</a></li> <li><a href="500.html" title="">500 page</a></li> <li><a href="503.html" title="">503 page</a></li> <li class="last"><a href="offline.html" title="">Website is offline</a></li> </ul> </li> <li><a href="file_manager.html" title=""><img src="images/icons/light/files.png" alt="" />File manager</a></li> <li><a href="#" title="" class="exp"><img src="images/icons/light/create.png" alt="" />Other pages<strong>3</strong></a> <ul> <li><a href="typography.html" title="">Typography</a></li> <li><a href="calendar.html" title="">Calendar</a></li> <li class="last"><a href="gallery.html" title="">Gallery</a></li> </ul> </li> </ul> </div> <div class="cLine" /> </div><!-- Title area --> <div class="titleArea"> <div class="wrapper"> <div class="pageTitle"> <h5>Safety</h5> <span>Welcome to the Facilities Maintenance Group Database Portal</span> </div> <div class="middleNav"> <ul> <li class="mUser"><a title=""><span class="users" /></a> <ul class="mSub1"> <li><a href="#" title="">Add user</a></li> <li><a href="#" title="">Statistics</a></li> <li><a href="#" title="">Orders</a></li> </ul> </li> <li class="mMessages"><a title=""><span class="messages" /></a> <ul class="mSub2"> <li><a href="#" title="">New tickets<span class="numberRight">8</span></a></li> <li><a href="#" title="">Pending tickets<span class="numberRight">12</span></a></li> <li><a href="#" title="">Closed tickets</a></li> </ul> </li> <li class="mFiles"><a href="#" title="Or you can use a tooltip" class="tipN"><span class="files" /></a></li> <li class="mOrders"><a title=""><span class="orders" /><span class="numberMiddle">8</span></a> <ul class="mSub4"> <li><a href="#" title="">Pending uploads</a></li> <li><a href="#" title="">Statistics</a></li> <li><a href="#" title="">Trash</a></li> </ul> </li> </ul> <div class="clear" /> </div> <div class="clear" /> </div> </div> <div class="line" /><!-- Page statistics and control buttons area --> <div class="statsRow"> <div class="wrapper"> <div class="controlB"> <ul> <li><a href="safety.php?do=new" title=""><img src="images/icons/control/32/plus.png" alt="" /><span>New Entry</span></a></li> <li><a href="index.php" title=""><img src="images/icons/control/32/database.png" alt="" /><span>Add Item</span></a></li> </ul> <div class="clear" /> </div> </div> </div> <div class="line" /><div class="wrapper"> <!-- WYSIWYG editor --> <div class="widget"> <div class="title"><img src="images/icons/dark/pencil.png" alt="" class="titleIcon" /><h6>WYSIWYG editor</h6></div> <textarea id="editor" name="editor" style="display: none; width: 1578px; height: 150px;"></textarea> </div> </div> </div> <!-- Footer line --> <div id="footer"> <div class="wrapper">Script Runtime: 0.06 seconds</div> </div>

Thanks for your help!

Kopyov

I meant a link to the page where you have the issue ;) You cn send it to me via profile page. But on quick hand check width and height for wysiwyg in custom.js

Default-user
I have checked the custom.js file and it was the default values: ("#editor").cleditor({ width:"100%", height:"100%", bodyStyle: "margin: 10px; font: 12px Arial,Verdana; cursor:text" });

Unfortunately the page is hosted on a company intranet that is not accessible from the outside. This is very frustrating because the demo script works just fine but when I copy the code, exactly, it is messed up. I swear it is going to be some tag missing or something so simple it’s impossible to find haha.

Kopyov

I see.

Try to set fixed height for #editor, also check dimensions for textarea (height and width), if you can’t type there – the probles is with textarea or container dimensions

Default-user

Changing to a fixed width and height doesn’t work. When the page loads, it looks like everything is fine. When you click into the text area, all the buttons turn grey and you can’t see a text input line (Blinking line). When you click the View Source button (the only button that is not disabled) you can type in the entire text area. When you unclick the view source option, the text field gets really small, as in the box starts at the location of the view source button and only goes till about a quarter of the way to the right side. It is very weird.

Kopyov

do you have any other css files? I mean could be there a conflict between your extra styles and existing theme styles?

Default-user

Right now I am just using the main.css file. There are no other css files that I made which could conflict with the editor tag. I just checked and all the div tags are in the correct order. The only thing I can see that might be messing things up is I am using Smarty, a template engine, to chop up the layout. But that is all through php and doesn’t use any css. I really don’t see how that could mess things up, but that is the only difference I can think of between my page and the demo page.

Default-user
So I am looking in firebug, the demo.html page is showing element.style { height: 27px; } but in my file, that isnt showing up… Interesting

There is also no reference to a style sheet in firebug, so I have no idea where that is being generated from. Is that from the cleditor js file?

Kopyov

Yes, all those inline styles are added by plugin. I just checked the plugin with different settings and styles, everything works fine here. Do you use any other libraries besides jquery?

Default-user

I am going to try to get this on a webserver really quick so you can take a look at it. I just saved the output html into its own whole file and the editor still isnt working. I have tried on firefox, chrome, and ie (All work in your demo, none work for me lol) Give me a little bit and I will post here again with a url. Thanks again for your help.

Default-user

Well, due to my works firewall and proxy I can not connect to my host to upload files. I am not saying there is an issue with the plugin. It does work fine on the demo that comes packaged with your template. The problem is on my end, but I have no idea what that problem is, even after going line by line through the code. I can see that some things are being left out, but I just don’t know why.

Default-user

Well, the template system was taking

<link href=”css/main.css” rel=”stylesheet” type=”text/css” />

and displaying it as

<link href=”css/main.css” rel=”stylesheet” type=”text/css”
/>

when I fixed that, the editor started working…I have no idea why, but it did. Thanks again for your help!

Kopyov

oh wow :)

Glad everything was solved!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

no, no outside libraries. I am starting to think this has something to do with the template system I am using.

Kopyov

probably, because plugin works just fine, i tested it with fixed and liquid sizes, different tooltar heights etc. i don’t see any issue

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
hetul Purchased

Hi… How is the update to this theme coming along? are we going to get this by weekend? please let me know.

Kopyov

Hi

Sorry but no, i’m on a short vacation (family reasons), right after that i will update all my admin templates. Thanks

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
hetul Purchased

oh ok.. have fun!..... it will help if you can provide an ETA . We are in a middle of a project and have suspended all UI related changes in anticipation of the updated version of this template.

Kopyov

UI changes won’t be too huge, i am planning to update buttons (css gradients instead of images) and minor code fixes. I can start working on this only this weekend, don’t think it’ll take too much time

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
RED001 Purchased

when will next version release ?

Kopyov

I’m on vacation with my family until this weekend, right after that i will continue working on updates for all my admin templates, i believe in 1 week it will be ready

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
zamrg Purchased

Apologies if this has already been reported.

You can’t have a slider inside a form, with the class “form”.

”.formRight label” conflicts with ”.sliderSpecs > label”

”.form input[type=”text”], .form input[type=”password”], .form textarea” conflicts with ”.sliderSpecs > input”

Kopyov

Thank you for the tip, will check asap ;)

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
MPhk Purchased

How to get the value of the spinner?

I am trying: $(’#sDec’).spinner().spinner(“value”), as in jQuery documentation, but no luck. I keep getting the spinner object and not the value.

Kopyov

Spinner will be updated after UI 1 .9 release, for now current spinner doesn’t have too much options as it was made for older jquery ui versions.

You can also try:

$(’#sDec’).spinner().spinner(“val”)
/
$(’#sDec’).spinner().val(“”)
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
MPhk Purchased

It worked only with:

$("#sDec").data()["spinner"].ui().value

One other question – how can I remove the resizing of the fields when resizing the window? I have a fixed layout.

Thanks!

Kopyov

Try to play with fixed width of input fields, by default they have 100% width and depend on the parent block size

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • United States
BeRRyBoY Purchased

Hey there, I’ve looked in the documentation everywhere on Flot, but is there a way to show a legend for the Horizontal bar graph and normal bar graph? I’m just hoping you would have a better idea than me. I’ve seen the legend: true, but adding that seems to have no effect. Thanks!

P.S. Great work!

Kopyov

In theory it should show legend by default, but for bars it doesn’t work. I will check what is wrong, i use orderBars plugin for usual bars, maybe it causes this issue. I will come up with solution asap.

Thanks!

BeRRyBoY
BeRRyBoY Purchased

Alrighty thanks!

  • Bought between 1 and 9 items
  • Canada
  • Has been a member for 2-3 years

Hello, is it possible for you to sell just the top bar?

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Latvia

Dear Kopyov,

how to correctly show pie or bar charts using your styles?

Currently, even if I remove “Lines chart” DIV block from the standard charts.html file, the rest of the charts are shown empty.

Thanks in advance!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Latvia

UPDATE AND SOLUTION : Updating and Auto-Populating .js are responsible for non-displaying charts. If “Line Chart” is removed from html, js/charts/chart.js should be removed too.

Kopyov

Yeah, correct. If you are removing a block with chart, you need to remove a path to .js file with this chart parameters, otherwise there will be an issue with chart drawing

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Netherlands

Hey Kopyov, any update on the 1.2 version?

Kopyov

Not yet, i don’t work until 16th of July due to family reasons, right after that date update will be released

Default-user

Ok sounds good! Can’t wait :)

  • Has been a member for 2-3 years

The demo site shows only dark gray version. Is there any other theme color available?

Kopyov

Unfortunately no, this color version is the only one at the moment, a few more will be added in one of next updates.

Thanks

  • Has been a member for 2-3 years

Hey Kopyov,

I’d like to know what’s the file to translate: search corner texts, next/prev buttons texts, and “Items per page” text of dynamic table.

Thanks and btw congrats for the good job with this template.

http://i.imgur.com/9YsKH.jpg
Kopyov

Hi.

About internatiolisation more information available here

by
by
by
by
by
by