135 comments found.
When a bootstrap-table is generated there is a “button.btn.btn-secondary.dropdown-toggle” widget that lists a number of records selected for display per page within the table. I would like to change its colour from btn-secondary (by default) to the “theme” colour. Do you know where to find the corresponding CSS? The Chrome javascript console points App.css:409 when I inspect that element, but there is no code related to that widget. Otherwise JS console points to bootstrap.min.css where I cannot do anything. Any suggestion?
.bootstrap-table .btn-secondary{
color: #fff;
background-color: #53a6fa
}
Added to style.css and compiled to app.css. Yes, it works now, thanks!
Is there a variable I could use in the CSS to assign the theme colour instead of a specific colour?
use the assets/scss/variables.scss to change the color and recompile to app.css
Hello, The Select2 is not working
Console log
lazyload.js:24 Uncaught TypeError: Cannot read property 'split' of undefined
at Object.lazyload.load (lazyload.js:24)
at HTMLSelectElement.<anonymous> (plugin.js:23)
at Function.each (jquery.min.js:2)
at r.fn.init.each (jquery.min.js:2)
at r.fn.init.$.fn.plugin (plugin.js:6)
at Object.app.init (app.js:50)
at app.js:54
at app.js:60
Check the lazyload.config.js, the config is not right, missing ’,’ or other issues.
i’ve sent you mail. can you please check in my code. ? i almost copy pasted the code.. its working in html but not in php
Replied. you may need check the php generated data-plugin data-option tags.
Hi – Im having an issue keeping the selected nav menu item as active. What is the method to ensure the item stays highlighed or expanded when you are on that item’s page?
Add “active” class on li element to expand it.
I populate tables with data returned by queries from the server. I would like to use the bootstrap_table.js plugin for its built-in search and pagination features. However, those features seem to depend on column definitions within the plugin itself in order to work. Each query returning different columns depending on the event called, how should I handle column definitions in bootstrap_table.js then? Moreover, I am not relying on a bootstrap_table.json file to read the data. Is it feasible or should I stick to static tables instead? Kindly advise the most practical approach.
Ok. Just found out that changing this in bootstrap_table.js, solves the problem.
$table.bootstrapTable({ columns: [] });
Well done.
PJax usage with this template, how to replace <script> on pjax:send ? my case is, when new page has loaded with PJax Navigation my function in New Page inside <script> is not loaded, its still load the old function from last page
is that function “evalScript()” from “libs/pjax/pjax.js” can handle my case? if yes, how can i use “evalScript()” inside file “ajax.js” from this template?
I ask to represent “Indotreenear” account, which has purchased this template. please help for your answer. Thanks
You must put the <script> in the #content-main, if you put the script before body, it will not replace.
how to call data table when document ready without create file js and calling in lazyload.config.js.I want to call data table with ajax when document ready.
$(document).on('pjax:success', function() {
$('#table').dataTable();
)};
ok thank. how to upload file with pjax? I’m try change Content-Type :multipart/form-data not working.
var pjax = new Pjax({ elements: “a[href], form[action]”, selectors: [“title”, ”.the-header”, ”.the-content”, ”.the-sidebar”] })
Very nice and professional template. I love it not only because of the beautiful design but also because of the very smart features. RTL works fine in any viewport and it was, to me, a very important feature. Took me a while though, to figure out that I did not need to add text-body, text-light etc… to my templates without conflicting with dark and light background when applied with the theme switcher…. It was all taken care of already! Beware of the “ajax load page” set to true by default in theme.js. It may cause impredictable behaviour when you clear your browser cache!
Thank you.
Hi, is there a way to print and keep all the aside menu always expanded? thank you
use a custom css .nav-sub { max-height: auto; }
Quick question might be a simple one but here it is.
I’m using jquery to set up on click events and such like. I put this code into the app.js file but because of the fancy HTML5 switching between pages, the jquery click events don’t seem to work. I tried moving the jquery inside of the file but that doesn’t fix it either.
I assume there’s a simple solution for this, could you point me in the right direction?
Regards, Jack
You can bind the event on the document. so if the new element in, it will trigger the click.
$(document).on(‘click’, ’.btn’, function (e) { });
Do you have any info on initialising elements? I’m trying to use selectize with $(”.selectbox”).selectize(); It only works when the page is refreshed. How can I ensure it works when the page is loaded by ajax too? Cheers
If you take a look on the form.select.html, it’s using data-plugin=”select2” to load js(’../libs/select2/dist/css/select2.min.css’, ’../libs/select2/dist/js/select2.min.js’, ’../assets/js/plugins/select2.js’) which config in “assets/js/lazyload.config.js”.
in the ’../assets/js/plugins/select2.js’ it use init() function to initialize the select2.
you can do the same thing for your selectize. 1. bind a plugin to your element which you want to use selectize<div data-plugin="selectize" />2. config the plugins required files in the lazyload.config.js
selectize: [
'../....css',
'../....js',
'../assets/js/plugins/selectize.js'
],
3. create the selectize.js and put your init code in it.
(function ($) {
"use strict";
var init = function(){
$(”.selectbox”).selectize();
}
$.fn.selectize.init = init;
})(jQuery);
I’ve followed the steps and it seems to be loading still but only once the page has refreshed, not when the page has been lazy loaded. Despite this, on one of my pages I need an ajax request to fetch the page content. Where would you set up this ajax request? If you place it in the page code it only runs on the page refresh.
If you look into the assets/js/app.js, there is a init function. it called when page refresh or when the pjaxEnd event trigger.
in the init() function.$('body').find('[data-plugin]').plugin();
this code will init the plugin which element have the [data-plugin] attribute.
in the assets/js/plugin.js, when plugin() running, it will load js/css which the plugin configured in the lazyload.config.js
So if you config it right. it will run without refresh.
How can you activate a select2 selector? I use $(’#select2-single’).select2(); and get “select2 is not a function”;
Include the select2.js on your page, then you can init it.
This theme use lazyload to load select2 before init it. you can check the http://flatfull.com/themes/apply/html/form.select.html page
Hello,
Are there any documents for the template?
html/docs.html , Thanks
How do I create modal from apply. I can’t find modal template on list file. Thanks
sorry, I found this. thanks
Hi, i am trying to fix aside navbar. I want it to be fixed and not moving while user scroll. How can i do that?
use .fixed-aside class on body
Hi, I have three datepickers first works fine, the second and the third not. The picker just go to the bottom to the page.
https://imgur.com/TsccwuI https://imgur.com/yuxJrqjIt’s a dropdown, so it will use top left to position the datepicker. maybe some other class affect on your page.
you can put the input in a <div class=”input-group”><input </div> to see if it works for you.
Error in responsive table BS.
use a max-width: 100%; on .app-content class. will fix in next update. Thanks
Calendar page does not work, calendar is not displayed.
how to keep small sidebar like you can see here: https://imgur.com/oIDlZ3A – I do not want that it is opened when moving with mouse over it. Thanks.
Support?
The Calendar(both angularjs and html) works fine, make sure you put the files on a server.
Remove the .nav-expand class on the ”#aside”, if you have sub menu, use nav-dropdown class
Hello, do you have plan to update it to BS 4.21?
I copied BS 4.21 over existing and it looks like it works fine 
Yes. you can update the BS to latest version.
how to make live chat ?
You can use https://github.com/LiveHelperChat/livehelperchat
