234 comments

Thanks for a great template. I'm having some issues with retrieving the value of checkboxes.

I've implemented your template with an ASPMVC solution, and everything is working perfect, except when I'm working with checkboxes. I noticed in previous comments you mention that you use iCheck plugin. I've tried your suggestions but am getting the error that iCheck does not exists.
Hello!

I would buy your theme, but I didn't find any notification popUp example. I had really like noty jQuery plugin, it's so really customizable. Can you make a design for that plugin and add this to the demo site?
Hi,

I'm using Bootstrap Growl plugin for notification
Hi,

I'm using Bootstrap Growl plugin for notification purposes which is an exact alternative for Noty. Please check the demo here.

http://192.185.228.226/projects/ma/v1-4-1/jQuery/notification-dialog.html

Regards
Please ignore my previous replies. I was confused with my other template. I'm sorry there is no notification plugins at the moment. I will consider include one in the future.

Regards
kiemieuk PURCHASED
Hi there,

is there any extension for make table of this theme compatible with jquery data-table.

Themes is great need to work out with jquery data-table
Hi,

Sorry there is no extension available, it's all CSS work.

Regards
Psyagra PURCHASED
Awesome template!!! ... Respect!!

Thank you so much for the obvious effort that went into designing this.

However, after paying for and downloading the template, I find that the changing skins toy she is missing ... Superficial I know - but it is one of the things that impressed in the demo.

Tongue in cheek of course because I can fix that myself - but I am wondering why the demo has it but the download doesn't ???

Hit me up with the demo version please .... Too hard at work with backend and would like that functionality in the product I paid for "as advertised".

Yes, I read the Doc.txt file ... But I think it sucks balls that I have to now go and fiddle the code to make it work like the demo.

Other than that - so far - Loving it :)
Hi,

Please include the following in your style.css and functions.js files.

CSS

/* --------------------------------------------------------
Template Settings
-----------------------------------------------------------*/
#settings {
position: fixed;
right: 0;
color: #000;
background: rgba(255, 255, 255, 0.88);
padding: 7px 8px;
top: 120px;
z-index: 1000;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
font-family: open-sans-regular;
border-radius: 5px 0px 0px 5px !important;
line-height: 20px;
width: 34px;
white-space: nowrap;
-webkit-transition: width 300ms;
-moz-transition: width 300ms;
transition: width 300ms;
}

#settings i {
font-size: 21px;
float: left;
margin-right: 10px;
}

#settings:hover {
background: #fff;
width: 130px;
}

.template-skins [class*="col-"] img {
border: 3px solid rgba(0,0,0,0.5);
}

.template-skins [class*="col-"] img:hover {
opacity: 0.8;
}

.template-skins [class*="col-"] {
margin-bottom: 10px;
}

JS - Add this inside document.ready

/* --------------------------------------------------------
Template Settings
-----------------------------------------------------------*/

var settings = '<a id="settings" href="#changeSkin" data-toggle="modal">' +
'<i class="fa fa-gear"></i> Change Skin' +
'</a>' +
'<div class="modal fade" id="changeSkin" tabindex="-1" role="dialog" aria-hidden="true">' +
'<div class="modal-dialog modal-lg">' +
'<div class="modal-content">' +
'<div class="modal-header">' +
'<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>' +
'<h4 class="modal-title">Change Template Skin</h4>' +
'</div>' +
'<div class="modal-body">' +
'<div class="row template-skins">' +
'<a data-skin="skin-blur-violate" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-violate.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-lights" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-lights.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-city" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-city.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-greenish" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-greenish.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-night" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-night.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-blue" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-blue.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-sunny" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-sunny.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-cloth" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-cloth.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-tectile" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-tectile.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-chrome" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-chrome.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-ocean" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-ocean.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-sunset" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-sunset.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-yellow" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-yellow.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-kiwi"class="col-sm-2 col-xs-4" href="">' +
'<img src="img/skin-kiwi.jpg" alt="">' +
'</a>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
$('#main').prepend(settings);

$('body').on('click', '.template-skins > a', function(e){
e.preventDefault();
var skin = $(this).attr('data-skin');
$('body').attr('id', skin);
$('#changeSkin').modal('hide');
});
can we do fix header?
Hi, I am interested in using/purchasing this theme but was wondering how easy it would be to take out the left column next to the menu that has the user image info and calendar for all pages. I prefer to put the user info on top right in the header. So, to clarify, I just want to have the menu on far left and then the major content just to the right of the menu.
Hi, I have been tried to add a checkbox dynamically for each row in a table and successfully added. But when i am checking the checkbox it is checking internally, but it's not showing the tick mark. Plz help me, Thank you.

$('#table tbody').append('<td> <input type="checkbox"/> </td>');
Hi,

May I know is this theme support the Meteor JS? I would like to use it for my Meteor Project. Will there be any support?

Thanks.

Sincerely,
Kwan
Hi,

I'm sorry there is no support for Meteor JS at the moment.

Regards
Harley77RUS
Hi,
It is very interesting product. Our command are interesed in purchasing it but some questions:
1. Could you create multilanguage version including Russian language?
2. Could you create version for two languages: English & Russian?

With the best wishes,
Alex
dfullerd PURCHASED
Hi,

Thanks for a good job - I'm enjoying working through the theme, 2 points:

1/ on the profile-info.html you have a couple of tags that have class="media" p-l-5" - just an extra " that shouldn't be there (apologies if already reported)

2/ I'd like to know how to show and hide the navigation bar / Accordians from javascript

Many thanks
Duncan
dfullerd PURCHASED
I figured out the Navigation bar, found it from investigating functions:

add:
$('html').toggleClass('menu-active');
$('#sidebar').toggleClass('toggled');

If I want to use it, I'll have to do a mobile detect and exclude this code as on a mobile it become active by default

I have an accordian that I would like to open in position 1/2/3/4 depending on some JSON, so a helpful tip on that would be ideal

Thanks again
Duncan
Hi,

It it possible set side-menu default visibility as hidden? I mean when the page is load the side-menu is hidden instead of visible.

Thank you for your great job!
Kinda disappointed the "theme switching" doesn't even work in the paid-for product (but works in the demo)... I've added the code the seller posted, but unfortunately, none of those image files are even included in the download!

Yes, I can go and manually save them all from the demo page, but that's kind of... ridiculous.

What other things are missing from the demo?
For those interested, based on the package I downloaded when purchasing, here is the actual working code to get the skins to show up (but does not format the thumbs all the same size). Place in js/functions.js:

/* --------------------------------------------------------
Template Settings
-----------------------------------------------------------*/

var settings = '<a id="settings" href="#changeSkin" data-toggle="modal">' +
'<i class="fa fa-gear"></i> Change Skin' +
'</a>' +
'<div class="modal fade" id="changeSkin" tabindex="-1" role="dialog" aria-hidden="true">' +
'<div class="modal-dialog modal-lg">' +
'<div class="modal-content">' +
'<div class="modal-header">' +
'<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>' +
'<h4 class="modal-title">Change Template Skin</h4>' +
'</div>' +
'<div class="modal-body">' +
'<div class="row template-skins">' +
'<a data-skin="skin-blur-violate" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/violate.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-lights" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/lights.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-city" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/city.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-greenish" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/greenish.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-night" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/night.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-blue" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/blue.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-sunny" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/sunny.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-cloth" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/cloth.png" alt="">' +
'</a>' +
'<a data-skin="skin-tectile" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/tectile.png" alt="">' +
'</a>' +
'<a data-skin="skin-blur-chrome" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/chrome.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-ocean" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/ocean.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-sunset" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/sunset.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-yellow" class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/yellow.jpg" alt="">' +
'</a>' +
'<a data-skin="skin-blur-kiwi"class="col-sm-2 col-xs-4" href="">' +
'<img src="img/body/kiwi.jpg" alt="">' +
'</a>' +
'</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
$('#main').prepend(settings);

$('body').on('click', '.template-skins > a', function(e){
e.preventDefault();
var skin = $(this).attr('data-skin');
$('body').attr('id', skin);
$('#changeSkin').modal('hide');
});
stuzzle PURCHASED
Question: I've tried a bunch of different code to connect in the login parts and I chalk this up to being an amateur, but any help with connecting in the register and login into mysql would be most appreciated...I tried a PDO connection code that I have, but it's not working very well.
Hi,

Please check this tutorial

http://www.codingcage.com/2015/01/user-registration-and-login-script-using-php-mysql.html

Regards.
stuzzle PURCHASED
Yeah I think I was reading through these...just to confirm I don't need the .css file in this example just the ones in the template folder. and all the login <php> besides the html on the bottom of the login.php file will go in the headings for login.html? I don't see where you have the registration files is it mixed with the login.php? Apologize if I sound super new at this, but I did have another login working, but it wouldn't work with the login you have I'm assuming I had some json and some of my files were looking elsewhere...I know I'm close :). Awesome design and template btw
stuzzle PURCHASED
About a week later and still having some issues. some things I tried. (http://stackoverflow.com/questions/33463482/registration-error-php-mysql-no-data-in-database) I put out an open call for help, and tried to separate the registration and login sections of the Super admin login code by using<?php require_once("login.php"); ?> and <?php require_once("register.php"); ?> to send the form to another file so I can add the code from the template to the registration code (by removing their html). There has to be a simpler way that I'm just not finding.

I used the code from the suggestion you gave, but that has html attached to it so some of the code in the codingcage example seems to clash with the css in the Super Admin sign in/ login template. I really like this template and hope I can get some headway. I was able to connect the db no problem using error reporting script in the connection file so I know the db was able to connect. I got to the registration portion and thats where it's not showing up in the database. I just need to see where I can remove the html to insert the code you suggested to connect the db to the user registration/login? or any direction on this? I'm sooooo close :) and I'm sure it's simple just haven't made much traction here and could use a boost.

Thanks for any help!!!
stuzzle PURCHASED
Oh and if there's any way to perform this in mysqli or pdo I'd like to try that. From my readings over the week...mysql may have issues later into the php versions coming up soon.
On the checkboxes in the To-do List, I can't find the code where you're telling it to line-through the text. Can you point me in the right direction? Mine isn't crossing out the items, and I wanted to "fix" this functionality, but can't find where that's handled.
Hi there,

I would like to know if this template is still being supported? I am quite interested in it, but do not want to get a template where I will get no support.

I would also like to know if I can customise the themes to use my own backgrounds? I would like to use a very plain background.
Hi!

I have recently purchased and downloaded the product, I find it cool, but now I'm having some problems when I'm trying to create the easy pie chart dynamically inside one div, the implementation in the ajax its as follow...

<script>
window.onload = function(){
var url_equal="url";

$.ajax({xhrFields : {withCredentials : true},
dataType : "json",
crossDomain : true,
url : url_equal,
success : function(data) {
processingData(data);
},
error : function(request, textStatus, errorThrown) {
onFailedRequest(request, txtStatus, errorThrown);
}
});
//GUI Elements of the receipt loadList and details_page
function processingData(data) {

$('#contentEasyPie').append('<div id="all" class="pie-chart-tiny" data-percent="' + (data.countAll) + '"><span class="percent"></span><span class="pie-title">All <i class="m-l-5 fa fa-retweet"></i></span></div>');

}
}

.... the HTML section it like this...

<!-- Easy Pie charts -->
<div id="externalContentEasyPie" class="tile text-center">
<h2 class="tile-title">EASY PIE CHARTS</h2>
<div id="contentEasyPie" class="tile-dark p-10">

</div>
</div>

... the imports and every little details its ok, but I'm just wondering, what its going wrong with this, because at the end I receive only the Id of the new divChart and one "%" sign,

I appreciate your support in advance!
hoooooooooooo
Hi

Great theme! Perfect for my end use! I'm a novice so need your help in one case :

I saw that I can change icons for the left sidebar from the icons.css but how can I include one of the icons given in the font icon sheet. The icons.css file requires a path while the font icon sheet are given in unicode. Please help!

Many Thanks
Hi,

Nice theme! It work with NODE.JS?

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$12

Regularly $18 -33%

3267Purchases

Licenses: Details »

Single application $12
Version:2.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: admin, admin template, backend template, dashboard, lightweight admin, responsive admin, responsive dashboard, webapp
Item#:WB02N9M12
Released:3 years ago
Updated:3 weeks ago
Sold exclusively on WrapBootstrap
rushenn

rushenn

Signed up 5 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: