Discussion on Multi Style AngularJS Responsive Admin Template | mAdmin

Discussion on Multi Style AngularJS Responsive Admin Template | mAdmin

Cart 1,282 sales
Well Documented

TheRubikThemes does not currently provide support for this item.

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

Hi, thank you for purchased! In callback function after ajax load, please add this code below:
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/7996710

if 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

Hi, that’s just demo text.

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

Please open “vendors/DataTables/media/js/dataTables.bootstrap.js”, find and edit code below:
$.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.

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; }
Hi, there’re our some suggestions about your issue:

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()

If it still not work, please provide us your demo link, we can give an exact answer.

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%;
  }
}

We appreciate your work when you fixed some bugs of template.

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
We don’t have any JS file that call to CSS directory. Let provide for us some screenshots about your projects, we need to see your project structure and the script that you embed CSS file.

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, let try to use select2 with tagging support

Dropdown Select2

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?

Hi,

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 here

it 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

Hi, when using icheck you have to use it’s Callbacks.

Replace

$(‘input[type=”radio”]’).click(function(){ 
by:
$('input').on('ifChecked', function(event){
... your custom code
});
You can read more here

Hope this help!

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

Hi Jhaire,

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!

Hi adamibfwlabs,

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!

As we see, theme is not neccessary to update now, you absolutely create more new features with these versions, we’re not sure it runs with new versions perfectly. We need a little time to research all of them and plan to update later.

Thanks about your suggestion

Do you have a version using Material Design? https://material.angularjs.org/

Hi zerutreck,

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

Hi,

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

To disable table tools, need to remove this script in table-datatables.html:
<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

Hi, thanks for purchased.

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

Hi, be sure you added time picker libs script. It have a little bug with data picker. Add this code into your CSS file:
.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

Hi, thank you for purchased! About your issues, try to add code below to ‘one-page.css’:
@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?

AngularJS have “app” folder, in this have index.html and “templates” folder, index.html contain layout component (header, body, setting, footer, etc…), content will be separated into templates and embed into index.html.

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!
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey