168 comments found.
hello, very good template. I can not find the documentation, to know how the lazyload of js works automatically en every page, how to load a js in , how do I associate a new page with a js. Thanks.
hello, I found , thanks
Hi Flatfull, I just bought the theme. Great theme design and functionality! I wonder it i can have the psd/sketch design file? As my team need to use the template to construct a new app, I’d need to conveniently design the page for them to easily follow. I know it’s not included in the download files but very appreciate if you can share with us.
This template dose not have psd/sketch design file. Thanks
Hi, I just bought the theme but I don’t see where the MUSIK APP category is ? I don’t see relevant page to this category
It’s html/music.html, Thanks
Hi!
The Signin, Signup and Forgot password pages are not good responsive. There is a lot of space above the form. Can you make this better?
Furthermore I was wondering if you could make a page centered login form. For example: https://dribbble.com/shots/2766220-Mimir-Login-Screen
Thanks!
Actually you can use the d-none d-sm-block classes to hidden all the elements on the top of the form.
Sure. i will add center form in next update.
Thanks!
Added in v1.0.3, you can download now.
Hello, Do you have any plan to support ReactJS ? If so when it’ll happen I would love to see these components: Notification, Spin, Breadcrumb and Switch component with text ( Yes/No )
This template just normal html/css js file. so you can use it in ReactJS project. Thanks
Hello there, how can i deactivate the dynamic page loading handle of this theme? i have external js on each page, but it doesnt load on the scripts until i manually refresh the page. I have also tried to custom the theme.js and lazyload but it still has no effect.
Solved!! I change if($this.attr(‘href’) && $this.attr(‘href’) !=’#’){ // $(document).trigger(‘Nav:changed’); location.href = $this.attr(‘href’); } in theme.js. but still its like forces a.href element back to do what it is supposed to do.
You can remove the pjax.js and ajax.js on the page to disable the dynamic loading.
Hey I’m having problems installing this theme on wordpress, it’s saying the theme is missing the style.css
This template is not a WordPress theme. check our WordPress admin theme here https://codecanyon.net/user/flatfull/portfolio Thanks
So could I get a refund for this please? I could use it to purchase another template
I’ll file a case you know
You have downloaded it, otherwise you can issue a refund.
Hi Flatfull,
I just bought Basik and need some help. I copied it to localhost (xampp/htdocs/zene), installed node as described, run npm install and the result is full of warnings, error messages and vulnerabilities. It also can’t find Python while it’s installed in xampp/python. Could you pls. help me what went wrong?
Thanks,
Peter
npm WARN deprecated pace-progress@1.0.2: Disclaimer, We no longer use this library internally and are focusing our efforts on open sourcing and maintaining projects that we do use and can meaningfully contribute to. Sorry for any frustrations with this project (we’re happy to link to any fork that has an excited, commited maintainer). npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
> iltorb@1.3.10 install C:\xampp\htdocs\zene\admin\node_modules\iltorb > detect-libc prebuild-install || node-gyp rebuild
prebuild-install WARN install No prebuilt binaries found (target=11.13.0 runtime=node arch=x64 platform=win32)
C:\xampp\htdocs\zene\admin\node_modules\iltorb>if not defined npm_config_node_gyp (node “C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js” rebuild ) else (node “C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js” rebuild ) gyp ERR! configure error gyp ERR! stack Error: Can’t find Python executable “python”, you can set the PYTHON env variable. gyp ERR! stack at PythonFinder.failNoPython (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:484:19) gyp ERR! stack at PythonFinder.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:509:16) gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\polyfills.js:282:31 gyp ERR! stack at FSReqCallback.oncomplete (fs.js:158:21) gyp ERR! System Windows_NT 10.0.16299 gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” gyp ERR! cwd C:\xampp\htdocs\zene\admin\node_modules\iltorb gyp ERR! node -v v11.13.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok
> node-sass@4.11.0 install C:\xampp\htdocs\zene\admin\node_modules\node-sass > node scripts/install.js
Downloading binary from https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-67_binding.node Download complete ] – : Binary saved to C:\xampp\htdocs\zene\admin\node_modules\node-sass\vendor\win32-x64-67\binding.node Caching binary to C:\Users\App\AppData\Roaming\npm-cache\node-sass\4.11.0\win32-x64-67_binding.node
> node-sass@4.11.0 postinstall C:\xampp\htdocs\zene\admin\node_modules\node-sass > node scripts/build.js
Binary found at C:\xampp\htdocs\zene\admin\node_modules\node-sass\vendor\win32-x64-67\binding.node Testing binary Binary is fine npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN Basik@1.0.2 No repository field. npm WARN Basik@1.0.2 No license field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: iltorb@1.3.10 (node_modules\iltorb): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: iltorb@1.3.10 install: `detect-libc prebuild-install || node-gyp rebuild` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
added 476 packages from 329 contributors and audited 1542 packages in 25.578s found 13 vulnerabilities (3 low, 4 moderate, 6 high) run `npm audit fix` to fix them, or `npm audit` for details
Base on the messages. seems that it has install all the packdges. you can check the folder to see if they are installed. and this project does not require python.
OK, thanks, I’ll chek for the files.
The msg for the missing python is there in the 5th line:
ERR! stack Error: Can’t find Python executable “python”
What about the depreciated modules? Shall I update them manually? Or are they involved only in the setup process, not in the final product?
Maybe other module need python. try install the python https://github.com/73rhodes/node-python. pace-progress not used in this project.
I already had Python, set PYTHON env. var. to the Python executable but it still doesn’t work, now because of a syntax error. I still get ERR!s and WARNs, vulnerability messages, :(((
gyp ERR! stack Error: Command failed: c:\xampp\python\python.exe -c import sys; print “%s.%s.%s” % sys.version_info[:3];
gyp ERR! stack File ”<string>”, line 1
gyp ERR! stack import sys; print “%s.%s.%s” % sys.version_info[:3];
gyp ERR! stack
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack at ChildProcess.exithandler (child_process.js:297:12)
gyp ERR! stack at ChildProcess.emit (events.js:193:13)
gyp ERR! stack at maybeClose (internal/child_process.js:1001:16)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:266:5)
[...]
audited 1725 packages in 3.239s
found 13 vulnerabilities (3 low, 4 moderate, 6 high)
run `npm audit fix` to fix them, or `npm audit` for details
The arrow () sign of the syntax err msg actually points to the install command.
I also run npm audit fix to update the vulnerable modules: 7 was fixed, 6 requires manual review that I can’t do.
Why it can not be a simple copy-paste thing?
I can not see where the warns from. Can you run the command > grunt build:sass
I guess I should do it in the folder containing Basik. Grunt is not recognised there as a command or operable program. I think npm doesn’t install grunt because of that syntax error.
I installed Grunt manually (npm install -g grunt). Now ‘grunt build:sass’ gives this error message:
Running “sass:dist” (sass) task >> Error: Invalid CSS after “}”: expected selector, was ”,” >> on line 175 of assets/scss/_ui.plugin.scss >> from line 20 of assets/scss/_ui.scss >> from line 15 of assets/scss/theme.scss >> >> }, >> -^ Warning: Use—force to continue.
Aborted due to warnings.
If we can’t solve it within 24 hours I’ll ask for refund. Sorry I don’t have days hunting of vulnerabilities, synax errors and the like.
Hi, there is a scss issue on Windows when build:sass.
Remove the ”,” from “},” on line 175,178,181,184 in “assets/scss/_ui.plugin.scss”. will fix in next update.
Thanks
OK, thanks, Grunt made sass files. What about gyp that still don’t work because of that syntax error and the remaining 6 vulnerabilities that npm audit fix couldn’t repair?
It’s your build environment, you can try uninstall and reinstall the gyp. you can try the commands in the gruntfile.js, if the command works fine. you can ignore these Warns.
I removed and reinstalled everything (inc. Basik) 3 times following the docs line-by-line. Those erros are the same and they are independent from my environment. I can’t imagine how other guys installed Basik w/o any problem.
I am using macos, I can not reproduce these warns.
if the commands works, you can ignore the warns.
It’s normal if some warns show when you use other automatic tools.
Hi, I have a question in the lazyload.config
is this the right approach if I have multiple dataTable in a page?
dataTable-students: [
'../libs/datatables/media/js/jquery.dataTables.min.js',
'../libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js',
'../libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css',
'../assets/js/plugins/datatable1.js'
],
dataTable-teachers: [
'../libs/datatables/media/js/jquery.dataTables.min.js',
'../libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js',
'../libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css',
'../assets/js/plugins/datatable2.js'
],
.....
or just edit the dataTable.js to include all of my dataTables in my project? Thanks so much!
you can just config one lazyload to load the datatable plugin, put the init code in the assets/js/plugins/datatable.js and put data-plugin=”datatable” for the sdudents/teachers element.
Hi!
I have a question. In the demo if you click on another page there is a nice transition (the current page slides out en the new page comes in). I don’t have this in my project/files. How can I get this working?
Thanks!
Put the files on a local host.
Thanks it works! Can you explain me how it works?
This project use https://github.com/MoOx/pjax to load page. you can see the scripts in assets/js/ajax.js.
Basik uses Grunt for its CSS and JavaScript build system, it’s optional, you can use this theme without grunt tools, we included all the dependencies in this project.
Download and install Node, which we use to manage our dependencies. Run npm install to install dependencies Run grunt build:sass to build css file Run grunt build:dist to build dist with minified js and css
When operating the above methods, the following errors are prompted.
Running “clean:dist” (clean) task >> 0 paths cleaned.
Running “copy:modules” (copy) task Created 25 directories, copied 504 files
Running “copy:dist” (copy) task Created 108 directories, copied 595 files
Running “copy:assets” (copy) task Created 6 directories, copied 158 files
Running “sass:dist” (sass) task >> Error: Invalid CSS after “}”: expected selector, was ”,” >> on line 175 of assets/scss/_ui.plugin.scss >> from line 20 of assets/scss/_ui.scss >> from line 15 of assets/scss/theme.scss >> >> }, >> -^ Warning: Use—force to continue.
Aborted due to warnings.
In addition, HTML pages are not automatically compressed after construction.
Remove the ”,” from “},” on line 175,178,181,184 in “assets/scss/_ui.plugin.scss”. will fix in next update.
“compress”? the grunt file only give a htmlmin to minify the html to the dist folder.
Thanks
Thank you, according to your operation, will not be wrong, HTML is also normal compression, very good products, look forward to more good works
Thanks, have a good day.
Hello, just bought your template. Please how can I set the dark-bg to be the primary and only bg theme in my project? I don’t like the white. Nice template by the way.
use a ‘bg-dark’ class on the html or body tag.
Hello, I’m trying to use this template in ReactJS framework, i think the paths for lib folder are different than a normal template, why assets and libs folder aren’t in html folder ? they’re beside html folder and this is why I have problems with loading libs. Can you make a version with assets and libs included in the html folder? Or idk, maybe a solution for ReactJS. Thank you.
The libs and assets folder is for different projects use. ig jquery/html, reactjs, vue, or php project. the HTML folder is for static hrml partials referrence.
You can create your reactjs project in the root folder. and use the html partials from the html/ folder.
We have planed other projects in this template.
Thanks
This is what i got: https://i.imgur.com/aI2WX0O.png Maybe can make yourself a project to see if is any problem.
The reactjs project is on root folder? seems that the icon missing. you can check the https://github.com/feathericons/feather#feather , you need call the feather.replace() function to make the icon works.
Yes, the project is on root folder. The site.min.css is loaded, also the site.min.js is loaded, but the problem is on imports/requires, they have the path like../../ and will return a 404 error.
The icons are not the single problem, nothing else is working, like sidebar toggle, everything is based on js files.
I think the problem is because they have the wrong path for react js, or the js files are not compatibile with react framework.
For better understanding you need to test on your own to see the problem, I will be happy if there will be a fix or a workaround, otherwise I bought this template for nothing. Thank you for understanding and your time.
It’s all about the path problem.
you can follow these steps to make it works for root folder.
copy html page eg. html/app.user.html to root folder, 1. replace all the ”../” to ””, 2. in the assets/js/lazyload.config.js, replace ”../” to ””
It’s better not use the site.min.js, use the source file. the site.min.js include the lazyload.config.js, and this file config the modules path.
It works now: https://i.imgur.com/AdlEqTj.png I will test tonight more pages, if I have problems I will reply. Thank you
Post comment if you have any issue. 
Sidebar doesn’t fold
In localstorage I have this:
aside: “bg-dark” bg: “bg-dark” foldedAside: true header: “bg-body” hideAside: false stickyAside: true stickyHeader: true
theme.js
setting: { stickyHeader: true, stickyAside: true, foldedAside: true, hideAside: false, bg: ‘bg-dark’, header: ‘bg-body’, aside: ‘bg-dark’ }
I need to click on Settings icon and select Hide aside, but after I refresh the page, sidebar is still open
Fixed with folded class
Great
Good work and sleek, though am having issues with cors origin and ajax load. please what do i do thanks.
Load external js?
Hi!
Looking good. Very impressive. I tested this on my iPhone and some page are not working good responsive. They break up the grid (some elements are to width). For example: http://flatfull.com/themes/basik/html/app.user.html
Are you going to fix this? I was wondering if you are going to make new elements?
Got it. The user email make the page expand. can hide on mobile to make it responsive. Will fix in next update. Thanks
Fixed in 1.0.1, Thanks
Great! Thanks
Congratulations! Nice Work, Good Luck With Sale 
Thank you!
i want to buy. but i need of TOP MENU!!
Top menu layout will add in next update. Thanks
Top menu layout added. http://flatfull.com/themes/basik/html/layout.a.html?bg
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
