139 comments found.
Hello,
After ajax calls and appending data, I have a problem of alignment of the left sidebar with the content of the main page. So if I append content to the main page via ajax the left sidebar seems to be exactly at the same place and under that there is blank space that doesnt match the background of the sidebar. I used one of your html pages to display the error: http://s9.postimg.org/rbi6p9irj/05_22_2015_145605.jpg http://s9.postimg.org/7w7ew5phb/05_22_2015_145622.jpg
When I click the button ‘click me to add ajax content’ I am shown the second screenshot. Can you please tell me how to correct this?
Thank you
if($('#sidebar').height() < $('#page-wrapper').height()){
$('#wrapper').css('height', $('#page-wrapper').height());
}
Hope this help!
Dear sir there is bug in datatable please guide us
http://themeforest.net/item/madmin-multi-style-angularjs-admin-frontend/full_screen_preview/7996710if you check in datatable there total 22 records but in header and footer it show View records | Found total 100 records
please check and give solutions for that
To show actual data, you need a little config in dataTables.bootstrap.js file.
Thanks for your comment, we will fix it in next version.sir what we have to change please explain or email us so that we can do. . .
/* API method to get paging information */ $.fn.dataTableExt.oApi.fnPagingInfo = function (oSettings) { return { “iStart”: oSettings._iDisplayStart, “iEnd”: oSettings.fnDisplayEnd(), “iLength”: oSettings._iDisplayLength, “iTotal”: oSettings.fnRecordsTotal(), “iFilteredTotal”: oSettings.fnRecordsDisplay(), “iPage”: oSettings._iDisplayLength === -1 ? 0 : Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength), “iTotalPages”: oSettings._iDisplayLength === -1 ? 0 : Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength) }; };
here is code i think to made changes waiting for your solution
$.extend( true, $.fn.dataTable.defaults, {
"sDom":
"<'row'<'col-md-5'li><'col-md-4'T><'col-md-3'f>>"+
"t"+
"<'row'<'col-md-6'l><'col-md-6'p>r>",
"oLanguage": {
"sLengthMenu": "View _MENU_ records | ",
"sInfo": "Found total _TOTAL_ records",
"sSearch": search_html
}
} );
We added “sInfo” and letter “i” into ”<col-md-5>l”.
And more CSS:
.dataTables_wrapper .dataTables_info {
clear: none;
padding-top: 4px;
padding-left: 5px;
}
Hope this help!
Hi I just purchased this admin template. Its very nice. One thing I did not see was a grid layout for this template.Are there particular grid styles for this template? Its so nice I wanted to utilize it for both an admin site and frontend.
This template used Bootstrap grid layout, you can read more here
Thank you for your kind word.Some admin templates also have specialized grids settings so that’s why I asked. Thank you.
Yes, you’re right. Contact us if your have further question.
One more question. I’ve used this template in the past at an earlier version. Is there an off canvas option for menus? Do you plan to implement such a feature in the future. I could build it in manually, but perhaps I’m not seeing that?
We have a plan to update now, and still research to include more features. Thank you for your idea, we will consider about that.
Thanks tatsuya
When I use a modal for a form and I submit the form, the content is being submitted via Ajax and the database is being updated. However, the modal is no longer closing when I submit.
I know you hear “I haven’t changed anything” – but we haven’t. We stopped on the project a month ago, restarted today, and now when ever we click a link on a page to do an update, it pops up a modal, and we do the update, the modal does not go away on submit.
This is global – happening on all modals on the site.
We’ve tried in Chrome, IE and Firefox.
Any suggestions?
Here is the current code:
function AddNote(){
$("#Body").val('');
$(".alert-danger").hide();
$("#box-config1").modal("show");
}
function insertNote(){
var dataString= "Response="+encodeURIComponent($( "#Body" ).val())+"&TroubleTicketID=54";
$.ajax({
type: "POST",
url : "/cfc/xxxxxx.yyy?method=saveNotes",
data : dataString,
success: function(response){
var parsedJson= JSON.parse(response);
if(parsedJson.message === "true"){
$('#datatable3').dataTable().fnDraw();
$(".modal").modal("hide");
GetAllDetail();
}
else
{
$(".alert-danger").html(decodeURIComponent(parsedJson.Error).substr(6));
$(".alert-danger").show();
}
}
});
return false;
}
1. Make sure your code run into here $(".modal").modal("hide");
2. Change the class to the ID
$("#box-config1").modal("hide");
3. Try to work with other modal method like .modal('toggle') or use jquery .hide()
Hope this help.
Thank you for purchased!
Hello,
I faced some problems after moving admin files to additional new folder (I am using frontend and backend in one project).
I am getting 3 lines of error code in browser just after loading home page of the admin panel.
1. Line: http://...../admin/css/themes/color1/undefined.css Failed to load resource: the server responded with a status of 404 (Not Found)
2. Line: jquery.flot.resize.js:53 Uncaught TypeError: Cannot set property ‘w’ of undefined
3. Line: http://....../admin/css/themes/color1/undefined.css Failed to load resource: the server responded with a status of 404 (Not Found)
I also noticed that for all files under /themes my compiler shows me a css error for style definition 100 without percentage symbol:
@-webkit-keyframes move {
....
75% {
left: 100%;
-webkit-transform: rotate(450deg);
width: 150px;
height: 150px;
}
100 {
right: 100%;
}
}
Hi,
- Issue 1&3: Please check your resource link, as we see, exact link of theme is admin/css/themes/style1/{color}.css.
- Issue with css, that’s an error, please edit that code (add ’%’) in 'less/global/_scaffolding.less' file and compile again.
Hope this help!
Thank you for purchased
Hello,
For issue 1, I checked my resources. Everything is ok. I am using orange-blue. All files except color file are loaded. When I type …/admin/css/themes/style1/orange-blue.css to the browser, It opens the related color css file. I guess in some js files, the path is accepted as ../css/themes/style1/orange-blue.css without admin folder prefix (that I moved all files in it).
Here is the related part of my header:
<!--Loading style vendors-->
<link type="text/css" rel="stylesheet" href="admin/vendors/animate.css/animate.css">
<link type="text/css" rel="stylesheet" href="admin/vendors/jquery-pace/pace.css">
<link type="text/css" rel="stylesheet" href="admin/vendors/iCheck/skins/all.css">
<link type="text/css" rel="stylesheet" href="admin/vendors/jquery-notific8/jquery.notific8.min.css">
<link type="text/css" rel="stylesheet" href="admin/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css">
<!--Loading style-->
<link type="text/css" rel="stylesheet" href="admin/css/themes/style1/orange-blue.css" class="default-style">
<link type="text/css" rel="stylesheet" href="admin/css/themes/style1/orange-blue.css" id="theme-change" class="style-change color-change">
<link type="text/css" rel="stylesheet" href="admin/css/style-responsive.css">
</head>
For issue 2, I will use charts, I don’t want to remove the script, that error still exists. It is very bad impact building an administrator panel with some irrelevant css or js errors. I will be very glad if you can find the solution to fix this error.
For the css % issue, I added % for each files. I did not touch less file. Also in bootstrap files and some scripts in vendors folder, there were errors that I fixed. I am sure you are planning to release a new version by fixing all small mistakes.
Thanks.
About resource issue, what js files that errors mentions to? We didn’t completely understand your issue, what does the screen show?
We still research to solve the problem with flotchart, will answer soon.I’m not sure but I think in somewhere in code, I saw color1 directory name instead of style1.
Here is chrome console output of the “undefined.css” error:GET http://...../admin/css/themes/style1/undefined.css jquery-1.10.2.min.js:5 x.extend.attr jquery-migrate-1.2.1.min.js:2 e.attr jquery-1.10.2.min.js:4 x.extend.access jquery-1.10.2.min.js:5 x.fn.extend.attr main.js:96 setTheme main.js:130 (anonymous function) jquery-1.10.2.min.js:4 x.Callbacks.cjquery-1.10.2.min.js:4 x.Callbacks.p.fireWith jquery-1.10.2.min.js:4 x.extend.readyjquery-1.10.2.min.js:4 q jquery-1.10.2.min.js:4
About flot chart issue, let find and change below code:
u.w=i!==n?i:o.width(), u.h=s!==n?s:o.height(), r.apply(this,arguments)by
if(u){
u.w=i!==n?i:o.width(), u.h=s!==n?s:o.height(), r.apply(this,arguments)
}
I’m ussing Angular Js Version. I create two file (1 Js file, 1 html file )
JS file (MainCtrl.js)
App.controller('MController', function ($scope) {
$scope.Data = "12344566";
});
and HTML file (Main.html)
<div ng-controller="MController">
Data is : {{Data }}
</div>
And i create router :
.state('main', {
url: "/Main",
templateUrl: 'App/MainPage/Main.html',
resolve: {
loadMyCtrl: ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load({
files: [
'vendors/jquery-tablesorter
'App/MainPage/MainCtrl.js'
]
});
}]
}
})
But i get error :’(
"Error: [ng:areq] Argument 'MController' is not a function, got undefined
Please help me !
Hi, where do you put these files. Do you put them like other same files. As we see, you miss a line:
controller: 'MController',below
templateUrl: 'App/MainPage/Main.html',
Hi, I searched for comma separated tags plugin in the theme but couldn’t find it. I’m not sure if there is any. I just don’t want to add extra jquery library for that. Can you help me for that?
hi, i have buy this theme. I found that style1/style2/style3.less file is too large. can you break these files to small less files?
In those files, we extend some Boostrap components to fit with theme. We aren’t entirely sure there’re no bug when remove some codes in those files.
If your project need to break these files, you can try to remove css attributes except: border-radius, border, box-shadow.Hope this help!
Hi sir i am getting some problem i have some custom javascript that i am already using $(document).ready(function(){ $(‘input[type=”radio”]’).click(function(){ if($(this).attr(“value”)==”red”){ $(”.box”).hide(); $(”.red”).show();
} if($(this).attr(“value”)==”green”){ $(”.box”).hide(); $(”.green”).show(); } if($(this).attr(“value”)==”blue”){ $(”.box”).hide(); $(”.blue”).show(); } }); }); <label><input type=”radio” name=”colorRadio” value=”red”> red</label> <label><input type=”radio” name=”colorRadio” value=”green”> green</label> <label><input type=”radio” name=”colorRadio” value=”blue”> blue</label> You have selected red radio button so i am here You have selected green radio button so i am here You have selected blue radio button so i am hereit working properly but when i include your js/main.js in admin pannel it not working . i try my best and found below code avaliable in mail.js creating problem, mean if i remove below code my custom code works but radio buttons not looks good please resolve issue
$('input[type="radio"]:not(".switch")').iCheck({
radioClass: 'iradio_minimal-grey',
increaseArea: '20%' // optional
});
thanks waiting for quick response
how to integrate this theme with yii 2 ??? i bought this theme because you mention yii in you project update so i suppose that this templet is for yii 2 , now tell me how to use this theme for yii 2
Unfortunately, our PHP version have only integrated with Yii version 1. Maybe you need to research Yii 2 documentation to integrate it. Sorry about this, we will update theme description soon.
Regards.Hello, love the theme; any plans to update it to support more recent versions of AngularJS, Bootstrap, etc?
Also, I noticed that if you set the Head & Topbar to Fixed, the top of the page gets cut off. I fixed this by adding the following to my CSS:
/* fix bug in theme for fixed nav */
@media (max-width: 767px) {
#page-wrapper {
margin-top: 100px !important;
}
}
Thank you for a fantastic theme!
We appreciate about your opinion and the bug you show. We will update the theme when necessary
Thank you very much for your kind word
Thanks for the reply Tatsuya. Do you have a rough idea of around when the next update will be? Mostly would like to get Angular from 1.2 -> 1.4, but also Bootstrap from 3.2 -> 3.3, and jquery from 1.10 -> 2.1. Thanks!
Thanks about your suggestion
Do you have a version using Material Design? https://material.angularjs.org/
We still planning about this now.
Thanks for your comments.hi all i have a problem, html work good local but when i upload the same folder online not working the index work but many js dont work css work good
Hi, can you provide us a demo link of your site, we need to check actual code to support. You can contact us via admin@swlabs.co
Please check resource of jquery-cookie plugin again.
Hi i m using datatable it i think there is bugs in that because it show default Found total 100 records but there is 25 records in my table there is some question if you can help me out – How to use database without copy csv excel print option – there is only one table id #table_id , i want to ceate my own id for databalse like #table_example with some other features so how i can do. i try follwing code in bottom of table-datatables.js but not working $(’#table_example’).dataTable( { “bPaginate”: false, “bLengthChange”: false, “bFilter”: true, “bSort”: false, “bInfo”: false, “bAutoWidth”: false } );
thanks
To disable table tools, in table-datatables.js, remove var tableTools.
We tried to create new table and using your own code:$(’#table_example’).dataTable( { “bPaginate”: false, “bLengthChange”: false, “bFilter”: true, “bSort”: false, “bInfo”: false, “bAutoWidth”: false } );
It works correctly, so please check your javascript code syntax or send us a code debugging screenshot .
Hope this help
<script src="vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
Hi, Thanks for providing great theme. I have an issue with horizontal scrolling in Datatables. When I set Horizontal Scroll (“sScrollX”: ‘100%’) for Datatable, it does not show any scrollbar but instead it messes the table structure. Could you please let me know how to set horizontal scrolling for datatables? According to datatables.net version 1.1 should do it. But it doesn’t
You can wrap table by div has class “table-responsive” to have a horizontal scroll
<div class="table-responsive"> table </div>
Hi thanks for great theme i want to use data time picker in modal window , i try your form in modal but not working please let us know what we have to do
thanks & regards
.datepicker {
z-index: 1051 !important;
}
.modal {
z-index: 1050;
}
Hi! Can you add a option that the sidebar can be deeper than only 3 levels? Wee need 5 levels or better 6 levels deep
Best regards
PS FANTASTIC TEMPLATE
Hi, try to use this code Menu level
Thanks for purchased
Hello SW Labs Team,
Congratulations on creating such a wonderful theme. Loving it so far. Can you please help me with a small issue I am facing with Angular JS Landing Page? When I View this page (Angular JS Landing page) on mobile I am unable to see the “MENU” button on top right hand side. I am able to click and get the menu though. Button is not visible. Whereas it is seems to be appearing in HTML version. Maybe I am missing something here. Appreciate your help.
Many thanks in advance.
Best,
Bachi
@media only screen and (max-width : 768px) {
.navbar-toggle .icon-bar {
background: #fff;
}
.frontend-one-page .navbar-custom ul.main-menu li a {
text-align: center;
}
.frontend-one-page .dropdown-menu:after {
display: none;
}
.frontend-one-page .dropdown-menu {
background-color: rgba(255, 255, 255, 0.24);
}
.frontend-one-page .navbar-custom {
background-color: rgba(0, 0, 0, 0.5);
}
.frontend-one-page .navbar-custom ul.main-menu li .dropdown-menu li a {
color: #D0CECE;
}
.frontend-one-page .navbar-custom ul.main-menu li .dropdown-menu li a:hover, .frontend-one-page .navbar-custom ul.main-menu li.dropdown-menu li a:focus {
background: transparent;
}
.frontend-one-page .navbar-custom ul.main-menu li .dropdown-menu li a {
color: #8F8F8F !important;
}
.frontend-one-page .navbar-custom ul.main-menu li .dropdown-menu li a:hover {
color: #c1d72e !important;
}
}
Contact us if you have another issues.
Thank you for your swift response. Appreciate it.
Happy to hear that. Best wish for your business 
Hi, Are you have HTML version where every tags is in new line?
My fault – i have this file 
That’s good. Thank you for purchased! 
How can I make the AngularJS version support RTL?
To make AngularJS version support RTL, you can use HTML file in HTML version, edit it (only use main content) to template in Angular version.
It would be grateful if you elaborate more with an example. I am about to buy the template but if the Angular version is not RTL it will be a problem for my business?
Using HTML version, you need to cut other things except content in div has class “page-content”. In package file, we have example already, let do the same.
Thank you!