73 comments found.
Hi
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
yes you can add it below app.js in production and if you are using development you can use npm and require in app.js
Hi, sorry for the question. I installed mustace via npm and i see it in node_modules, but how can I integrate it in app.js end make it available for the site?
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.
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 -->
Please check console you may have some errors.
<!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">
<!-- Pre loader -->
<div id="app">
<aside class="main-sidebar fixed offcanvas shadow" data-toggle='offcanvas'>
<section class="sidebar">
<div class="w-80px mt-3 mb-3 ml-3">
<img src="../images/logo.jpg" alt="" />
</div>
<ul class="sidebar-menu">
<li class="header"><strong>MAIN NAVIGATION</strong></li>
<li class="treeview"><a href="#">
<i class="icon icon-sailing-boat-water purple-text s-18" /> <span>Dashboard</span>
</a>
</li>
</ul>
</section>
</aside>
<!--Sidebar End-->
<div class="has-sidebar-left">
<div class="pos-f-t">
<div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark pt-2 pb-2 pl-4 pr-2">
<div class="search-bar">
<input class="transparent s-24 text-white b-0 font-weight-lighter w-128 height-50" type="text"
placeholder="start typing...">
</div>
<a href="#" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation" class="paper-nav-toggle paper-nav-white active "><i /></a>
</div>
</div>
</div>
<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>
</div>
</div>
<div class="page has-sidebar-left">
<header class="my-3">
<div class="container-fluid">
<div class="row">
<div class="col">
<h1 class="s-24">
<i class="icon-pages" />
Blank <span class="s-14">Get Started</span>
</h1>
</div>
</div>
</div>
</header>
<div class="container-fluid my-3">
<p>You are the boss make something great.</p>
</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?
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,
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.
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 
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.