168 comments found.
Hi Flatfull, interesting designs you roll out. Please do you have any plans to support Gallery, Cart, and Blog Content pages on Basik pls?
We have added music/video applications for front-end apps. and planed ecommerce for future update. Thanks
Thanks for the reply. I’m really evaluating this theme, which I’d be picking in a jiffy. Please I observed that clicking the ‘login page’ directly from the auth=>login menu renders the page differently from via forgot-password=>login. Same applies to the signup page too.
I think I prefer the forgot-password->login rendering, how do I make that the rendering, as it’s fuller please Thanks.
There are two styles of login/regiter pages. http://flatfull.com/themes/basik/html/signin.1.html and http://flatfull.com/themes/basik/html/signin.html
Thanks
Hi Flatfull, I got this theme some 6 months ago and patiently waiting for eCommerce, Cart, Gallery and Blog Content pages. Any plans please?
Hello, how exactly does basic licence works? What can I do with your code? I am working on administration tool for server administrator (one proejct). I have bought one licence and I would like to know if I can open-source the code. It will be fully working app but part of source code is yours as I use your template in it. Can I open source such a proect (project based on your template)?
Read the https://themeforest.net/licenses/terms/regular clause 8, “You can’t re-distribute or make available the Item as-is or with superficial modifications. These things are not allowed even if the re-distribution is for Free.”
You can make it as a web service and charge user for FREE.
Okay, thanks for letting me know.
You’re welcome.
is there a flutter_web version?
No flutter version. it’s a jQuery html. Thanks
Hi Flatfull!
Can I use this theme for a script I will sell in codecanyon by buying a regular license?
You need a Extended License. Thanks
Hello Flatfull, I want to sell a web app template that uses Basik theme. I am not really selling Basik, but the web app uses the style.css and a few more files from Basik. What are the terms for re-selling this way? Please let me know, my email is: team att_ getbuzz.io Thanks!
Base on https://themeforest.net/licenses/standard , You need a “Extended License”, Thanks
what time to release the new update?
Next week. Thanks
released?
Hey guys, I understand basik isnt wordpress. I just wanted to know if it would be possible to convert to wordpress? If so, how? And would you guys do it? -~ i’m not interested in your other music wordpress themes. Basik is much better. Let me know! 
We will release music WordPress theme from this project. Thanks
Thanks for getting back to me. Is there an ETA for this?
In early July, Thanks
Hey guys, still waiting for this – coming soon?
Hey, Just published the Bepop WordPress Theme, The Basik Music Theme will be available in next month.
Thanks
Hey guys, how close is the basik theme for wordpress?
Not ready, delayed to next month. Thanks
tabulator.js:9 Uncaught TypeError: Cannot set property 'init' of undefined
I added the files needed for tabulator to lazyload-config. I also added the tabulator plugin to lazyload-config. Here is the content of tabulator.js (demo content, but even then it doesn’t work)
(function ($) {
"use strict";
var init = function(){
console.log('Tabulator!');
}
// for ajax to init again
$.fn.tabulator.init = init;
})(jQuery);
Please help me! I rated this 5 stars because of the quality but documentation is a big problem for me right now. I have spent almost 36 hours on this theme and I am not making any progress at all on my deadlines.
It would have been helpful to have an example of one of your pages which loads data into a list / table from an external API, and still uses your lazy load AJAX / PJAX methods. There are no such examples in your documentation (all the data is hard coded in the HTML) and all my attempts to create my own plugins have failed.
$.fn.tabulator.init = init;
the tabulator must be a jquery plugin. if not, you need use
window.tabulator = {init: init};
you can check the js/app/user.js chat.js calendar.js
the calendar.js is using ajax api to load data.
var table = $('#datatable').DataTable({
//columnDefs: [
// { "orderable": false, "targets": [3,4,5] }
//],
"ajax": "https://api.myjson.com/bins/qgcu"
});
and the page failed silently. No data was shown. Even after refreshing, there is no data at all. That ajax source is the exact one from dataTables website. I also replaced the HTML with the HTML from dataTables websites.
Can you at least try to replicate what I just said and confirm that it doesn’t work for you also? This theme isn’t useful to me if I can’t make remote calls.
P.S. Your calendar.js is loading from a file. I am not sure if that makes a difference, but I am interested in a remote call to a JSON source.
1. Make sure the remote json objects is loaded, if you load from other domain, it will trigger a CORS error.
2. If it’s loaded, the json responsive is good format? did you define the column correctly?
columns: [
{ data: "name"},
{ data: "hr.position" },
{ data: "contact.0" },
{ data: "contact.1" },
{ data: "hr.start_date" },
{ data: "hr.salary" }
]
https://datatables.net/examples/ajax/deep.html
3. Use chrome developer tool to see if any error happens Tested on local server and it works fine.
Hello Flatfull, great job on this excellent product. I need to use only the dark theme, but I am having problems with it because after I check on a new device sometimes it shows the light theme again. I want only the dark theme permanently but the documentation does not tell you how to do this. I already tried updating the theme.js file with setting: bg: ‘bg-dark’. P.S. I am using the compiled css files, and not scss.
<body class="bg-dark">
Thanks for the 5 stars rating. appreciate!
Thank you so much! I am also having problems with the lazy load but I don’t want to disable AJAX or PJAX or LazyLoad. Can I email you, or should I explain my problem here?
In summary, I want to use Bootstrap Tables to load json data from a remote URL The remote data has JSON format of this type (I am unable to modify the source, so I need to manipulate it on my end in javascript if necessary):
{"status":"OK","persons":[{"id":1,"name":"Adam","location":"Chicago", "webpage":"http://www.adam.com"},{"id":2,"name":"Beth","location":"Houston","webpage":"http://www.beth.com"}]}
This is a highly simplified format showing the records in the JSON. What I would need to do is to show these persons in a table with their names acting as links to their webpages.
E.g. using bootstrapTables and also dataTables, I configured their plugins inside the js/plugins folder (each respective file). But I am unable to lazy load from the remote AJAX data source. I have tried all sorts of things. (1) I tried adding functionality for fetching the AJAX data directly into the plugin file. This doesn’t work at all. The tables say no matching records found. (2) BootstrapTables allows the User to specify the data-url parameter directly inside the HTML. Like this. http://jsfiddle.net/wenyi/e3nk137y/44348/ is a very basic example (I will need all the features in your theme e.g. pagination). I also tried this but it doesn’t work for me. (3) Lastly I tried DataTables with AJAX loading, it didn’t work with the plugin file so I created a new js file which i linked to my HTML page. Now it works but only after I refresh the page.
Please I need this to work with the lazyLoad function, but I prefer Bootstrap Tables.
Kindly help.
check the assets/js/pugins/bootstrap-table.js, you can use an ajax to load the json data and init the bootstrapTable, follow the https://bootstrap-table.com/docs/getting-started/usage/
Hello, how can i remove all ajax or js links? Because it becomes very buggy and not all data is loaded in when changing from index.php?p=fontpage to index.php?p=loginpage
Every ”?p=filename” does a <?php include(””); ?> in the code.
<script src="../libs/pjax/pjax.min.js"></script> <script src="../assets/js/ajax.js"></script>
I try to configure the template in vuejs. using 2 div inside the <template></template> is not. so i need to have another div to wrap .... .... .
By doing this the icon of aside is not render and style is broken. The template is not well design. I would like to refund back.
Put your 2 divs code in the comment, I need look into it.
Navbar is a navigation component, usually displayed on top of the page and includes brand logo, navigation, notifications, user menu, language switcher and other components.
Could you support Fixed top navbar for Basik template?Top fixed navbar is positioned relative to the screen’s viewport and doesn’t move when scrolled.
Navbar here http://flatfull.com/themes/basik/html/ui.navbar.html , you can use ’.sticky’ class on the navbar to fix in top.
I very like ‘Support for Basik – Responsive Bootstrap Web Application and Admin Template’, because it has completed chat template.Customers pay to log on and gossip with customers services.
As a product of network marketing and promotion, community marketing plays a very important role in the consumer decision-making by word-of mouth advertising. So we need to develop the management system for Internet community marketing.
Could you design the most completed HTML template for ecommerce. So you make things convenient for the peoples which use your templates, Its features like users, products,orders, messages(sale on Community).Insert(add),update,delete, bulk delete,pageing,filter(multi fields), sort, export,import,report,dialog,... as template user, the most completed HTML template is too useful.
eCommerce app added in the plan. Thanks
Hi, How can I apply data-plugin in a dynamically created elements?
Example:
return `<canvas data-plugin="chartjs" id="chart-pie-3"></canvas>`
$('#chart-pie-3').plugin();
when the canvas inserted on the page.
Thanks so much it worked. I’m trying to draw a chart on every row in a table. How can I implement multiple charts with cell values or data-option?
return `<canvas data-plugin="chartjs" class = "column-charts"
data-option="{
type: 'easypie',
data: {
datasets: [{
data: [${cell-value}],
backgroundColor: 'rgba(100,100,100,0.1)',
borderColor: [theme.color.warning,theme.color.danger],
borderWidth: 4
}]
}
}">
</canvas>`
You can loop each row and call the chartjs.
1. define a table-chart.js
(function ($) {
"use strict";
var init = function(){
// load the chartjs
lazyload.load(MODULE_CONFIG['chartjs']).then( function(){
//loop the table to call the chartjs
$('#table tr').each(function(){
// init the chartjs
})
});
}
// for ajax to init
global.tableChart = {init: init};
})(jQuery);
2. in the assets/js/lazyload.config.js, config
tableChart: [
'.. other dependency',
'../assets/js/plugins/table-chart.js'
],
3. on the html tag
<table data-plugin="tableChart">....</table>
Thank you so much for helping me. It worked!
Hi,
I have just bought it and I would like to say this is really an excellent theme. I have some questions. First, how can I hide the scrollbar but still keep it scrollable in the left nav menu? And in the menu when I click a dropdown it doesn’t close when I click again. And also can you help me to make scrollbars look nicer in all around the template ( like with https://github.com/utatti/perfect-scrollbar )
I solved the hiding with changing the .scrollable.hover class in theme.css
.scrollable.hover {
overflow-y: hidden; }
to
.scrollable.hover {
-ms-overflow-style: none;
scrollbar-width: none;
overflow-y: hidden; }
.scrollable.hover::-webkit-scrollbar {
display: none;}
I’m still open for answers to another questions
The menu expand/collapse will fix in next update. Thanks
Its work with FullCalendar.io ?
This page http://flatfull.com/themes/basik/html/app.calendar.html is using FullCalendar plugin. Thanks
Agile is one of our project. Thanks
Hi, how to redirect to a page in js I used :
$(document).on('click', '#btn-login', function (e) {
var pjax = new Pjax();
pjax.loadUrl('/views/app.main.html');
});but it does not work
Does it show any error on the console?
Hi , none error,but search in forum and find, you have to set a timeout parameter to the pjax option var pjax = new Pjax(); pjax.loadUrl(’/views/app.main.html’,{ timeout: 10 });
thanks.
OK.
Worpress version : http://flatfull.com/themes/basik/html/music.html ?
It’s a static html page. Thanks
Examples of dynamic links in the “Aside” menu: ( *</test>) CSS attribute “active” cannot be added to the LI tag after clicking on the link in AJAX mode. How to support this?
in tha assets/js/theme.js line 136, it active the li by match the url. you can add your own match to active the li.
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
