Discussion on Paper Panel Multipurpose Admin Dashboard Bootstrap 4 Template

Discussion on Paper Panel Multipurpose Admin Dashboard Bootstrap 4 Template

Cart 278 sales
Well Documented

xvelopers supports this item

Supported

73 comments found.

Hi :D how can fix it?

Uncaught TypeError: Cannot read property ‘slide’ of undefined

thank you

Are you getting this issue on the demo too? If not then you may have removed something from app.js .

Hi, is possible add a new js lib in project? For ex, I would install mustache.js

thank you

you can add using

require('YOUR PLUIN NAME') 
in src/assests/js/app.js

like this? require(‘node_modules/mustache/mustache.min.js’)

if you are using phpstrom or vs code normally it gives you autocomplete option. it would be something like this

require('mustache’); 

Hello. In the template, there is a blue loading bar and a loading circle bar at the right end of each page. We are trying to remove those, but have not been able to. Can you please help us out.

You can remove it easily by using the development version. in src/assets/js/common.js remove or comment this line
require('./components/_preloader');
Please check docs to use development version in case you are new to gulp. If you are trying to update the existing project then run gulp production-min to create new app.js for your project. copy it from dist/assets/js folder and replace in your current project.

Hi i can not close menu on responsive site

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../theme/paper/img/basic/favicon.ico" type="image/x-icon"> <title>Member</title> <!-- CSS --> <link href="../theme/paper/css/app.css" rel="stylesheet" type="text/css"> <!-- Js --> <script src="../plugin/jquery/jquery.min.js"></script> <script src="../theme/paper/js/sidebar/PushMenu.js"></script> </head> <body class="light"> <div id="app"> <aside class="main-sidebar fixed offcanvas shadow" data-toggle='offcanvas'> <section class="sidebar"> <div class="w-110px mt-3 mb-3 ml-3"> <img src="../images/logo.jpg" alt="" /> </div> <ul class="sidebar-menu"> <li><a href="#"> <i class="icon icon-envelope light-blue-text s-18" />MENU1</a></li> <li><a href="#"> <i class="icon icon-envelope light-blue-text s-18" /> MENU2</a></li> <li><a href="#"> <i class="icon icon-calendar-minus-o light-blue-text s-18" /> MENU3</a></li> <li><a href="#"> <i class="icon icon-truck light-blue-text s-18" /> MENU4</a></li> <li><a href="#"> <i class="icon icon-send light-blue-text s-18" /> MENU5</a></li> <li><a href="#"> <i class="icon icon-list-ul light-blue-text s-18" /> MENU6</a></li> <li><a href="#"> <i class="icon icon-list-ul light-blue-text s-18" /> MENU7</a></li> <li><a href="#"> <i class="icon icon-bank light-blue-text s-18" /> MENU8</a></li> <li><a href="#"> <i class="icon icon-cog light-blue-text s-18" /> MENU9</a></li> <li><a href="#" onclick="on_logout();"> <i class="icon icon-sign-out light-blue-text s-18" /> MENU10</a></li> </ul> </section> </aside> <!--Sidebar End--> <div class="has-sidebar-left"> <div class="sticky"> <div class="navbar navbar-expand navbar-dark d-flex justify-content-between bd-navbar blue accent-3"> <div class="relative"> <a href="#" data-toggle="push-menu" class="paper-nav-toggle pp-nav-toggle"> <i /> </a> </div> <!--Top Menu Start --> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li> <a class="nav-link"> TEST1 </a> </li> <li> <a class="nav-link"> TEST2 </a> </li> <!-- User Account--> <li class="dropdown custom-dropdown user user-menu "> <a href="#" class="nav-link" data-toggle="dropdown"> <i class="icon-more_vert " /> </a> <div class="dropdown-menu p-4 dropdown-menu-right"> <div class="row box justify-content-between my-4"> <div class="col"> <a href="#"> <i class="icon-cog purple lighten-2 avatar r-5" /> <div class="pt-1">TEST1</div> </a> </div> <div class="col"><a href="#"> <i class="icon-sign-out pink lighten-1 avatar r-5" /> <div class="pt-1">TEST2</div> </a></div> </div> </div> </li> </ul> </div> </div> </div> </div> <!-- /.right-sidebar --> </div> <!--/#app -->

Do you also see same issue in our demo?

not found issue

I noticed you are only using PushMenu.js not app.js please copy app.js and check again. If you want to remove extra plugins and code please use the development version. And also check html file because there might be a wrapper class for aside which you have missed.

Hello, first of all let me congratulate you for such an incredible work you did. I’m currently in charge of a little project for which your template was assigned as the main style. I just have a doubt, is there any way to separate the Javascript/jQuery plugins used by the template? Because they’re actually merged into one file (app.js) that is 7+ MB. Please let me know if there is a way to accomplish that. Thank you.

You can use the development version. open app.js and remove or just comment all the plugins you don’t need in your project run project in development mode by using gulp watch after verifying that everything works please create a production version. Kindly check docs for the complete process.

Hi how to remove js function validator ?, Because i need use http://1000hz.github.io/bootstrap-validator/

Sorry i’m bad i can use it

Good work! I like this

I’d love to buy this template but your demo no where shows anything related to a file upload control. Checked all obvious places in the demo, but it seems it is not supported. Saw a comment regarding dropzone integration but was unable to find it in the demo too.

Can you let me know if this is available in the latest version or if demo already includes it, can you share the specific link to it?

You can check it here. https://xvelopers.com/demos/html/paper-panel/panel-page-users-create.html
We will update template with a separate page as well.

Hi, sorry, when launch npm install I recived this error, can you help me?

$ npm install npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated – replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5 tnk

its just a warning. Gulp should work fine.

Hi, :D first, great theme second, when I lance all commad npm i recive some error:

npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none was installed. npm WARN paper-panel@1.0.9 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {os“} (current: {os“})

tnk

Hi resolved this: WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none was installed.

Hi, which icon pack is it using?

Its a mix of fontawesome, material and some others.

Great work. I like it. Easy to integrate, but check your dropzone integration because, its buggy (Error: Dropzone already attached.). Its initialized twice (?). I removed:
dropzone.options.fileUpload = {
        url: 'blackHole.php',
        addRemoveLinks: true,
        accept: function(file) {
            var fileReader = new FileReader();
            fileReader.readAsDataURL(file);
            fileReader.onloadend = function() {
                var content = fileReader.result;
                $('#file').val(content);
                file.previewElement.classList.add("dz-success");
            };
            file.previewElement.classList.add("dz-complete");
        }
    };

    $(".dropzone").dropzone({ url: "#" });
.. and now its working.

Thanks for reporting issue. I will fix it in next update.

Hi. For the dark theme, does the element/components and other items got a dark theme too? Or is it just the dashboard panel? Thanks

Hi,

Yes it will work with components and elements as well. Let us know if you face any kind of issue.

Thanks

I have problems with export data, all js is compress in app.js, i don´t can integrate extension datatables.net for export data (https://datatables.net/extensions/buttons/examples/initialisation/export.html). Your work is very best, but i need solution. Help me, please. Thanks,

Although I have posted a solution for you but I will try to add.

Please check last table in this demo which has json button https://xvelopers.com/demos/html/paper-panel/panel-element-data-tables.html

Perfect, thanks. It´s all ok. Great job. ;)

I can’t use datatable with javascript. please help me..

saya sudah mencoba contoh yang ada di www.datatable.net, tapi tidak berhasil..

Can you please tell me issue you are facing or error you are getting in console?

Hi, very good work. Please, can you integrate in new version “export data” option in data tables (in production version, in compress .js). Is a very important function.

Congratulations! Amazing Work, Good Luck With Sale :grin:

Thanks

you have an error with registration page may be because of conflict resolution in repository

Hi, can you please give me a link of page that you are referring.

Hello awesome guys. I have a simple question. i’m using the dashboard 7 and i need to build a huge width nav-bar. ( I need to put more than 50 itens on this nav-bar) So how can i do this? I want to be able to use something like arrows to change nav-bar position.

P.S.: I hope you can understand my poor english.

You can use dropdown menu for more items.

Hi, I use the production version, and use the compress app.js I need add export data in data table. How I can integrate code in compress app.js ???? More people use data tables in yours CRM. If logical offer a data table with this option. I see new versions if possible in new version integrate a data table with export data. Thanks for all, it´s a great job.

hi, Source files are available free of charge. If you communicate with me for this, I will explain the situation in more detail. From your demo web address. http://xvelopers.com/

You mean people can directly copy demo?

the server’s index is visible. paper-panel-all-files.zip is downloadable

It’s an old version and will be removed soon. Thanks for informing us.

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