135 comments found.
hello, does all layout have rtl or olny one layout with rtl can i use all layout on both (RTL and LTR) Thanks
All layouts support RTL. Thanks
Thank you for this template (fast and functional). Could I ask if there is a possibility to change the default theme (dark side menu) into the 3rd theme (white and boxed layout)? Can I do it in code somewhere without the use of the Theme Switcher on the right?
All the switcher on the right is add/remove custom class name on the page, you can use chrome developer tool to see what’s css classnames is added/removed.
on the #aside div, remove the ‘dark’ classname and add ‘white’ classname.
Thanks
Thanks a lot. I will try to do that
I spent half of the day yesterday trying to see what I should do with these theme.js and app.css files that chrome developer tool refers to. Maybe there is a possibility to force checked options of Boxed Layout and 3rd theme in the Theme Switcher? I tried working with the theme.js – setting: { ajax: true, folded: false, container: TRUE, theme: ‘primary’, aside: ‘dark’, brand: ‘dark’, header: ‘white’, fixedContent: false, fixedAside: false, bg: ’’ } }; or that.find(‘input[name=”container”]’).prop(‘checked’, TRUE, app.setting.container);
But nothing helps…
Yes, you can set the default settings. but you need clear the chrome local storage.
I think I tried to make it clear that no matter what I do “nothing helps”. Would you please write exactly what and where I need to change in the code to have the version 3 boxed and as a default page? Or it isn’t included in the definition “support”?
1. assets/js/theme.js line 15/16 change ‘dark’ to ‘white’. OR do not include the theme.js on page. 2. use the dashboard.3.html as template. 3. clear the browser local storage.
Ok, thank you. Will try that
It does work now at last. Thank you very much!
You are welcome!
Hello, since I upgraded to Bootstrap v5.0.0-alpha3, I see this error: app.js:46 Uncaught TypeError: $(...).popover is not a function at Object.app.init (app.js:46) Can you please check?
Solution is to add $(function() { // init plugin here } after app.init = function () ...
Good to hear.
Good morning. I have a problem in the Apply template I have buyed. My datatable doesnt work well, - it show at middle of the table [processing…] - Search input doesnt work - the datatable doesnt refresh after filter by or using search input. When I delete table property data-plugin=”datatable”, [processing…] doesnt appear again but my table became a simple table without search bar and pagination Please help me
Did you put the file on a server? also you can use the chrome developer tool to see if the data loaded.
My data load correctly, I am in dev environment so, my server is laravel php server. How can I show you a screenshot of my table ?
Screenshot does not help. I need know your custom code in the datatable.js, and you can use a chrome develop tool to see if there is any js error.
I don’t whrite any custom code in datatable.js I have just fill my datatable in html simply with php data. Ok sorry, help me to remove the theme datatable plugins, I want to implement this myself
You just need remove the data-plugin=”datatable”, the demo code load json data, I think this is the issue.
Thanks, I have removed this, but the pagination is still not displayed
????
Does the datatable initialized?
How to initialize it? Here is my code:
| Nom du pays | Code | Actions |
|---|---|---|
| {{ $item->NomPays }} | {{ $item->CodePays }} |
datatable is a jquery plugin, you need call the datatable function. https://datatables.net/
Good morning and thanks for your last reply. For the templates I often use, datatable is fully integrated and I don’t need to initialize it before using it. Ok, now I initialized it as recommended. My current problem, when I click on a link that calls my page (I code in Laravel), datatable doesn’t load, it’s rather a simple table that loads. I have to refresh the page manually before datatable works. However, I used datatable functions to modify or delete lines, so when I first access my page (without manual refresh), these functions don’t work because they are based on datatable. Please tell me what to do.
If you use ajax(pjax plugin) load page and you do not put the data-plugin=”datatable” on your table, you need call the datatable function after page switched.
the data-plugin=”datatable” is for this, it will auto call datatable plugin when page switched. do not need refresh page.
you can look the assets/js/app.js.
app.init = function () {
$('[data-toggle="popover"]').popover();
$('[data-toggle="tooltip"]').tooltip();
// init the plugin
$('body').find('[data-plugin]').plugin();
}
app.init();
$(document).on('pjaxEnd', function(){
app.init();
});
Hello Team, My developer is reporting a bug in template which we have purchase. Need you attention on this issue.
Hey Team it’s been 5 days you have not replied. Is this your customer service or support offering ??
Hi , On clicking the sidebar links the entire body of the page appears from the left and sometimes it doesn’t load the intended page. I have to click the link twice to go to the desired link. Can you please explain or help whats happening and how can I fix this. Seems like some kind of caching etc.
<body class=” fixed-content fixed-aside pace-done” ui-class=”dark”>
Although I do body content in this way, it does not get the features.
pls do you have a wordpress version for this…if yes send me the link or give me a similar one for wordpress. thank you
Hello there,
i want to ask you something, if a bought a regular licence can a edit,use and publish this template on internet or i it’s just for personal use ? please let me know at a short time .
Best regards
Please help, I’m trying to change theme to warning color theme, the yellow/orange one, it exists in app settings switcher.
<link rel="stylesheet" type="text/css" href="../assets/css/theme/warning.css">
in the head tag.
I’m planning to use it with laravel php, so should I just include/edit html files? or there are a way for it?
html files and css files.
Ok, another thing I’m trying to switch theme to warning theme as a main theme without switcher how can I do that?
warning theme? do you mean warning color?
Yes warning color theme, the yellow/orange one, it exists in app settings switcher
<link rel="stylesheet" type="text/css" href="../assets/css/theme/warning.css">
How I can remove the theme.js file? When I try to remove it from the HTML files a lot of errors shown. I need the color to be fixed and not use this plugin. The docs are poor and missing a lot of information
Some other js use the app.color which defined in the theme.js. you can replace the app.color in the chartjs.js and jqvmap.js then remove the theme.js
hi, Im developing my dashboard with this theme and wanted to see if you have built a notification or success/error message display modules already?
something like a toast on top right which will disappear after 10 seconds or even some static success message?
thanks
You can use the libs/notie/ plugin, docs here https://github.com/jaredreich/notie
or bootstrap default toaster https://getbootstrap.com/docs/4.3/components/toasts/
They are all included in this template
Hi!
I’ve just bought the Apply Theme and start to use the dashboard.8.html file. As I program in PHP I rename the file to xxxx.php and since I’ve done that the DIV aside ( ) insert a DARK setting at the end of the class definition and a ui-class=”dark”. ( )
This deffinitions are not in the source code, they are created at the page load, how can I remove them?
Thanks in advance,
Ezio Filho +55 21 993641599
It’s in the assets/js/theme.js line 63. You can remove this line.
Hi, How to remove the opacity of the text in all the template. Actually it is better to have it strong so the labels can be read easily.
Also, For the arabic version, i need to use a custom font, how can i implement that ?
regards,Elie.
You can change the text color in the assets/scss/variables.scss and use the node.js to rebuild the css file.
You can add custom css in the assets/css/style.css.
Thanks
How to make the scrollbar hidden, like the navigation, i am able to scroll but without seeing the scrollbar. How can i implement this feature on other div.
Thanks in advance.
.no-scroll::-webkit-scrollbar { width: 0 !important }
.no-scroll { -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
<div class="no-scroll" />
Hello, Hope you are doing fine.
How can i Increase the width of the navigation menu, as well how to add icon for the sub item.
regards,elie.
Menu width: install the node.js and the packages in the package.json, change the assets/scss/variables.scss line $aside-width: 13rem; then use the run command grunt build:sass .
Sub icon: add icon before the text in sub menu.
Hi again 
,
Do you have some documentation to chartjs in your theme to load ajax data?
Read the assets/js/plugins/chartjs.js, you can use ajax to load data then call $(’#chart’).chart(//with your ajax data);
Hi,
I’ve problem with global settings in theme.js. I changed a folded on true and ajax on false and this not works correctly.
I refresh js file and I’m 100% sure that I load file with my changes.
Best wishes, Adam
The folded and ajax saved to local storage. you need clear the local storage.
Thanks
