241 comments found.
Hello,
I want to report a small bug in the page showing the Animsition plugin (Extension -> Animation -> Animsition).
After a click in one of the examples, there is a redirection to a page that doesn’t exist.
Hello,
Thanks for letting us know. We’ll fix the issue in the next release.
Best regards.
I want to change the bg-color of page number on ‘data-provide=”datatables”’, the bottom of datatable.
How to change default color(bg-primary) to other, such as bg-info and so on?
Hi,
That’s pretty easy by inspecting the element. Here’s the code you need:
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
background-color: red;
border-color: red;
}
Thank you
Hi there, I have a presale question. I check a lot of admin template and yours seems to be the one I was looking for. I wanted to know if your solution is 100% compatible with VueJS and Webpack. Do you plan to release a version 2 as I noticed ? if when it is plane ? Thanks a lot for your answer !
Hi,
We have’t try it with VueJS and Webpack officially, but from comments, I can say that some of our customers uses the theme in AngularJS and VueJS.
I’m not sure if we release version 2.0 anymore. If yes, it’s not going to be soon.
Cheers.
Hi,
I would like to report a possible bug / or a disabled feature:
http://thetheme.io/theadmin/landing/ In your landing page, when I click the “Purchase Now” link right in the header, it SCROLLS to ”#section-price”. I notice a class name “scroll-to” within the tag and a href ID. http://thetheme.io/theadmin/help/faq.html In you FAQ page (as well as Technical or License), I notice the same code and class in the links, but it DOES NOT SCROLL to the destination.I wonder if there is a way to enable this SCROLL-TO feature in the dist files. I searched and saw one reference to “scroll-to” in the intercooler.js, but I don’t know how to make it work.
Could you please help me?
Thank you.
Regards, Nghi
Hi,
The one in landing page is another template, it’s TheSaaS. Seems TheAdmin doesn’t have such a functionality! I thought it has already. I’ll add it to the template in the next release.
Cheers.
Hi, I would like to report a bug with modaler:
- call a left modaler, load ajax content into it, when scrolling inside that modal, the background goes off. It lacks scrollable or something…
Screenshot: https://www.dropbox.com/s/eyq4dxerpfom3je/Screenshot_2018-05-11.png?dl=0Please could you confirm that?
Thanks. Nghi
Hi,
If it’s online, could you provide a link so we can see the problem online and inspect the elements? That would help a lot.
Cheers.
This happens to the modaler, when you open it left or right, and the content inside the modal-body is longer than the screen, it does not scroll. The “perfect scrolling” does not work. The background stop where the screen is visible.
Just to clarify, the left or right modal is ok. Just the modaler has this bug.
I see. I guess the problem is because that the modaler adds the HTML code after clicking the button. So the scroll plugin and any other plugins can’t handle the content inside the modal correctly. Maybe it’s better to use the regular modal and use the modaler for the simple modals.
Hi there,
I have solved that bug with a simple “overflow-y: auto” added to “modal-body”. The scrollbar is not consistent with the “perfect scrollbar” plugin, as a normal left or right modal. But it works.
I think you should fix the bug anyway (run the “perfect scrollbar” script on moduler), as this template is promoted to be able to develop webapp, and ajax loading modals are used heavily.
Also, you do not have that same problem with “quickview”, functioning just like “modal-right”. Because “quickview” does not have “modal-body” but still scrollable with ajax load, I guess you have implemented “perfect scrollbar” somewhere when opening “quickview”. Again, I guess you could do the same with “modal-right” modaler.
I just want this template to be perfect. I really like your work, it does help me a lot.
Thanks.
Hi,
Thanks for sharing this information. I’ll add it to our todo list and will fix it in the next release which should be about 2 weeks later.
Cheers.
Thanks. That helps a lot.
Hi Guys bashing my head here, using the the drop down element i have the on click event works perfectly in Firefox and Safari as well as chrome on windows, however chrome on mac osx it doesn’t seem to work you need to click it twice.
your help will be greatly appreciated.
Hi,
You mean the browser’s dropdown or the selectpicker plugin? Do you see any JS error in your console?
Hello TheThemeio Team,
I’m back again with new problems 
I will use the modaler inside my formular and I have following problem:
When I clicked the “Neuer Kunde” Button the modal will show but in the background came a new select form (You can see in picture below). This new select form is exactly the same as the original. What can be the problem? -> The web-console is not really informative :/
<div class="tab-pane fade active show" id="assignment-step-1" data-provide="validation">
<div class="form-group">
<label>%customer%</label>
<select name="customerID" id="customer" class="form-control" data-provide="selectpicker" data-live-search="true" title="%choose_a_customer%" required>
$customer_list
</select>
<div class="form-control-feedback" />
</div>
<button class="btn btn-light" type="button" data-provide="modaler" data-size="lg" data-type="top" data-confirm-Visible="false" data-url="customers.php?action=new_extern">Neuer Kunde</button>
</div>
Hello,
What if you have a full modal markup on your page and don’t use the modaler plugin? Also, check out this URL which might be helpful: https://github.com/silviomoreto/bootstrap-select/issues/1836
I tested and there is no problem – It’s only when I use the modaler plugin :/
I’ve had that problem in a antother scenario a month ago But I use a other solution for my problem to fix it without modaler plugin.
It is possible that there is a fundamental bug in it?
I’me not sure. The modaler plugin only adds the html code of modal component to the page. I read in one of the bootstrap-select issues that someone had such a problem. Once he adds some HTML code to the page, it causes the selectpicker to duplicate itself. Still, we’ll check the modaler code to see if we can find a buggy part in the code.
Hi,
I want to apply maphighlight as below; http://davidlynch.org/projects/maphilight/docs/How can I do?
Hi,
That is a plugin. You need to include the JS file into your page and get help from their documentation and demos to write your code.
How can I use jQuery plugin such as http://www.outsharked.com/imagemapster/default.aspx?docs.html.
I supplied this plugin in html page, but error message as below: Uncaught ReferenceError: jQuery is not defined….
I think that is according to core.js. Please let me know.
I already applied js file and code in page. But it is not working. I made new html page that is not applied your script, that is working.
You should include the plugin’s script after app.min.js and place your code inside app.ready() function instead of $(document).ready(). Please see the source code of http://thetheme.io/theadmin/chart/peity.html to see how we use app.ready() function. It’s at the end of code.
Thank you so much.
Hi,
Is it possible to get
{{ <form data-provide=”validation”> }}
work with
{{ <select data-provide=”selectpicker”> }}
which is required?
Hi,
I don’t think so, because the selectpicker is not a real HTML input.
Hi, I have a problem:
I want to modify the height of the Summernote text area in the following way:
<script> $(’.summernote-editor’).summernote({ height: 400 }); </script>
But I get the following error:
Uncaught TypeError: $(...).summernote is not a function.
Thanks.
I already solve it with data-min-height=”300”
Hi,
Great. Glad you fixed it.
Hi,
I would like to launch a popup (http://thetheme.io/theadmin/uikit/dialog-modal.html) => .modal-center at the launch of the page, how should I go about it?
Thanks for your help
Hi,
For this purpose, you should write custom JS code. Use .modal(‘show’) https://getbootstrap.com/docs/4.0/components/modal/#modalshow to display it whenever you want.
We have a bug with the Summernote editor – the “bold” style can not be cancelled via ctrl+b shortcut nor via Summernote’s toolbar.
This bug exists on the demo page (http://thetheme.io/theadmin/form/editor-summernote.html) but I can’t reproduce it on fresh installation of Summernote (you can check it here – https://codepen.io/tzurbaev/pen/NMbJKv).
I’ve tried to update Summernote up to 0.8.10 (latest release as of writing time) but this still won’t work.
I suspect that there’s something in the theme’s app/site js that may intercept ctrl+b (or some ctrl) keyup/keydown events, so they’re not correctly propagated to the Summernote instance.
I’ll try to find out what’s wrong, but any help would be great.
Hi,
That is weird because we don’t trap any hot key. We’ll add it to our todo list and work on this issue later. Will try to fix it for the next release.
Cheers.
I want to change the color of clicked menu on sidebar. The clicked menu is not drop-down sub menus. That is menu have sub menus.
Hi,
Please check http://thetheme.io/theadmin/layout/sidebar-doc.html . Those are the only classes we have to change color of sidebar. You might need to write custom CSS code if they’re not what you’re looking for.
Cheers.
Oops! Sorry about that. I’ll add it to our todo list to fix it in the next release.
When do you release next version?
I’m in vacation right now. Get back a week later and work on the new update. You can expect it late May, about 26 to 28.
Hi The Themeio Team,
A new Day.. A new Problem 
TypeError: f.fn.dataTableExt is undefined
After that I initializes it over the contructor method:
TypeError: $.fn.DataTable.ColReorder is not a constructor
Stack trace:
@xxxx:815:2
c.isReady/<@xxxxx/assets/js/app.min.js:6:2573
l@xxxx/assets/js/core.min.js:8:21664
Deferred/then/f/</m<@xxxx/assets/js/core.min.js:8:21969
app.min.js:6:2589
Can you help me with this problem? Or is there a another way to extend datatables in your system?
My Script:
<script src="assets/plugin/colReorder/dataTables.colReorder.min.js"></script>
<script>
app.ready(function() {
// HREF ON ROW
$(".clickable-row").click(function() {
window.location = $(this).data("href");
});
// DATATABLE
var table = $("#assignments").DataTable({
"order": [[ 2, "desc" ]],
stateSave: true,
"language": {
"url": "assets/plugin/dataTable/German.json"
}
});
new $.fn.DataTable.ColReorder( table );
});
</script>
Hi,
What about the other initialization method? Did you tried “In DataTables” method?
If the above solution didn’t work, maybe the problem is that the “ColReorder” plugins loads before the DataTables script. So I suggest you to load the DataTables by including its script above the ColReorder or create your own DataTables from https://datatables.net/download/ with inclusion of ColReorder and load it into your page.
Let me know if any of the above solutions fix the issue.
Cheers.
Hello, I have a serious problem when I browse your website from mobile, in some cases, if there is poor connection quality (3g) it seems that it does not correctly load all the javascript.
Give these two errors: Uncaught TypeError: Can not read property ‘replace’ of undefined
Uncaught ReferenceError: app is not defined
And for example, it does not display the menu, or certain elements do not work.
Inside the code core.min.js and app.min.js are loaded correctly, but not the other dependencies.
Hello,
Do you have this problem on our online demo or on your project only?
I’ve just visit our demo at http://thetheme.io/theadmin/dashboard/general.html with disabling cache and set “Network throttling” to “Slow 3G” in Chrome and there wasn’t such an error.
Hi, thanks for the answer, I have this problem in my project and in your demo online, on IOS and Android, I record the problem, please see the video here:
https://www.dropbox.com/s/m64gmvv34w4div7/problem_menu.mov?dl=0Hi,
Unfortunately, I can’t reproduce the error in Chrome on Windows 10. It’s weird that you have a JS error even with a slow internet connection. I preset the internet connection to “Slow 3G” and hard reload our online demo, still it loads just fine. I’m not sure but seems somehow your browser start executing the JS code even without downloading the whole file (app.min.js). I can’t come up with any possible solution right now.
But this happen in some androids and iOS, chrome and safari, in the video I connect the android device remotely because in desktop never happened.
I use this them in an important project, and this bug is very important to me.
Can try in android with slow connection please?
seems is a problem with the load files in mobile, you detect mobile and change the method of loading?
Thanks for all
I’ve just used a phone with 3G (H+) internet connection and the demo loads just fine in an Android device on Chrome.
I searched on the internet and there wasn’t any clue why this problem happens to you.
I have a clue, this happened only with a Spanish cell operator Movistar. That helps?
What’s displaying on top of your phone as the speed of internet connection? It should be one of E, 3G, H, H+, LTE I guess.
Have you tried it with another cell operator?
Here: http://prezo.es/capture.png with other cell operator no problems, but with Movistar always happens
So the internet connection is not the problem, seems to be a problem from your operator. I don’t know how, but it’s either from your operator configuration or your phone. Maybe trying using another phone with Movistar SIM could reveal the main source of the problem.
In other phones, 3 android and 2 iPhone also affected, all with Movistar, in my phone, whit Vodafone, everything is ok
So as it proves, the issue is from infrastructure of Movistar.
There does not seem to be a print style sheet, are there plans to create and include one?
Since an admin template has a lot of components which should not be visible on the print, we hide all of them by default so you can define which parts of page should be printable. You can achieve this goal by adding a .printing-area class to your desire tag. Please see how we used it in our invoice page: http://thetheme.io/theadmin/page/invoice-1.html
Alos, note that you can only have one element with .printing-area class on your page. Simply add it to body tag if you need all the page to be printed.
Hello again, How can i use .selectpicker(‘refresh’) method for select pickers?
http://silviomoreto.github.io/bootstrap-select/methods/#selectpickerrefreshSimply, $(select).selectpicker(‘refresh’); is not working. Here is the console log for this approach:
”.selectpicker is not a function …”
Hello,
Probably you code runs before the loading of selectpicker. You should place your custom scripts inside app.ready() instead of $(document).ready(). Please take a look at the inline script we used at the end of this page: http://thetheme.io/theadmin/chart/easypiechart.html
Cheers.
Thank you so much!
What is NodeJS for in the theme? What are the features that will not work if you don’t use Nodejs in this theme?
It provide some functionalities in the development such as running a static server, compiling SCSS files, watch files for change, join JS files, etc.
Hello, I have a problem with selectpicker. If I use a selectpicker with multiple selection on a regular ASP MVC page it works great, but the same control in a Modal Popup doesn’t work.
In the regular page I pass the already selected items and the control select all those items in the dropdown. In the Modal, the multiple selection works good but it doesn’t select the items at the beginning, those items that come already selected, only if I pass just one, but not when passing multiple.
The strange thing here is it does work as multiple selection and it does get the passing selected items when it is just one, but when passing multiple it doen’t select any.
Hello,
Weird behavior! The only problem that I can think of in such a situation is z-index conflicts which makes problem with the UI, but this problem is with functionality. Do you have it online so I can take a look at? Also, I assume you don’t have JS error in your console.
Hi!
I have a question. We’re using your theme on http://customer.webcheck360.com/
If you go to the page and reload, you see there is slight delay before CSS is applied. This does not appear on your pages. Also, earlier we used another design for login and it was more evident here, with pieces falling into place on load. We have no blocking js and we have removed tried removing alot of the unused css but same result.
Any idea why?
This appears to be the case with Firefox 59.
Hi,
That is weird! Your code seems to be fine. You have an empty script tag before styles. Have you removed the empty tag to see if it might be the issue (which is doubt)?
Hey. I removed it and it’s still the same. Any suggestions? Just uploaded all the latest css files from the updated version of the theme, same result!
Actually I managed to solve it myself. The problem is “autofocus” attribute added to a field.
More information found here: https://stackoverflow.com/questions/21147149/flash-of-unstyled-content-fouc-in-firefox-only-is-ff-slow-renderer
Great. Thanks for sharing your solution.
