241 comments found.
Recently downloaded the latest update, created a new directory in the same way as before. However when trying to use grunt i get the following error now.
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {os“} (current: {os“})
Is this no longer usable in windows?
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {os“} (current: {os“})
grr, for some reason this forum removes the data in the copy and paste,, Anyway, it says it wants OS Darwin not OS Win32
That’s fine, as it says, fsevents is an optional dependency. You’re fine with ignoring this warning.
We are a Software product company in Pune, India. We are looking for high quality design Admin templates to beautify our dashboard UI UX design which will look nice, sleek, intuitive, minimalistic, lively to the viewer for our dashboard, with PSDs and Html screens.
Pls get in touch with us if you are interested in creating a sample design template for us. We would first like to see your dashboard designs, creative work and then get on a call with you to take this association of freelance assigning with you. Kindly direct us to your work assignment showcase and send your contact details. This is pretty urgent!
Our contact – sapana.sharma@celoxis.com
Hi,
Thanks for consideration, but we’re not available for freelance projects.
Cheers.
I have a Vue wrapper around my whole admin area. Is it possible to make TheAdmin work with vue?
The problem I am having is that all of the data-plugins and scrollable areas don’t work inside a vue instance.
I’d like to make the core/scripts available inside the vue app.
Thank you.
Hi
Unfortunately, I haven’t tried it before. But it make sense. Because we load vendors based on existence of data-provide and some other keywords. While we use DOM Observer to make it works with ajax calls, it might be the reason why Vue wrapper doesn’t work.
Cheers.
What is the ETA for the webpack compatible version of this theme?
I don’t think that we move to Webpack before version 2.0 and currently, there’s not any ETA for v2.0.
Hello TheTheme team!
I’ve also bought the TheSaaS template and was wondering if it’s possible to integrate widgets from both templates.
For instance, could I use the custom checkboxes from TheAdmin (http://thetheme.io/theadmin/form/control-checkbox.html) inside the pricing widget from TheSaaS (http://thetheme.io/thesaas/block/pricing.html) ?
My first guess is that some class names would colide if I include the css files from both templates.
Is there any technique to add some sort of namespace to each template, so that they can live side-by-side without conflict?
Thanks in advance.
Hello,
Good question. As you guessed, there would be class name collide and style overridden. For example, in typography, font-family, font-size, line-height are not the same in both templates. So it’s not advisable to load both css files in a same page, even by adding a namespace to the class names.
What kind of components you need to see in TheSaaS? It already has a lot of components which should be enough for a landing page.
Hi,
Great work, hence reaching out to you.
We are a Software product company in Pune, India. We are looking for high quality design Admin templates for our soft product who will design PSDs and Html screens.
We are looking for sleek, clean attractive designs. Wherever you are on this globe, pls get in touch with us, whe. We would first like to see your design, creative work and then get on a call with you to take this association of freelance assigning with you. Kindly direct us to your work assignment showcase and send your contact details. This is pretty urgent!
Our contact – sapana.sharma@celoxis.com
About Celoxis:
Celoxis is world’s leading project management & PPM software. We are one of India’s first SaaS companies, founded in 2001 and headquartered in the western city of Pune. Celoxis is rated among 3 best project management software tools in the world and is deployed by more than 2,000 customers globally, spanning various industry verticals. We are great paymasters and hence keen on identifying, hiring & rewarding creme talent.
Discover us more on www.celoxis.com
Hi,
Thanks for considering us as a potential team to work with you. As I replied you in email, unfortunately, we’re not able to accept any project right now. I’m sure you can find a better team to work with.
Best regards
Hi,
Question about the “chat” widget.
How can I get the chat added inside something like a card.
What im looking to have is something where the chat takes up 2/3 of the width of the screen and then have other cards going vertically down on the last 1/3
The issue I have is I cant get the scrolling to work inside a card and the chat app widget just goes to full 100% height and makes the page scroll.
Ideally I want to be able to have the chat use 100% height but use a scrollbar when the text goes too far. Like what you have in your example.
Cant figure it out.
Hi,
It depends on how you created the page. We use flexbox to make it full height. If you provide a link to the online demo of what you’re trying to achieve, I might be able to give you some direction.
Cheers.
Hey, something like this would be good: https://imgur.com/a/d98Gf
Id like to be able to put things in those boxes (like your widgets), I guess typically with bootstrap id say put the chat in a 8/12 box and then put the rest in a 2/12 etc.
I assume it different with flexbox
So what if you use bootstrap grid? Something like this:
<div class="row"> <div class="col-lg-8">The Chat App</div> <div class="col-lg-4">The other widgects</div> </div>
Hmm, yeah figured that but it goes all strange and end up with the stuff below the chat I guess because of the flex-grid chat .. Also end up with the middle “chat” not being scrollable and just makes the whole page scroll.
I essentially h ave
<main class=”layout-chat”> .. Chat header .. .. Chat Content .. .. chat footer .. card> The Chat App The other widgects main-content> </main class=”layout-chat”>But all seems really unhappy because of the “layout-chat” on main.
Further trying and failing, the main problem I come across is as soon as I put the chat app into a div , the scrollable “chat content” box doesnt become scrollable anymore. It just extends past the foot of the page and the whole page needs to be scrolled.
Right, Think ive got it working now.
Is it possible to have the chat set to 100% height of a column?
Obviously if I set to 100% it overflows because of the other bits in the theme. Essentially so the chat will use up all height of col-8?
Still, it depends on your code. Without having an online demo to see the code, inspect the code and try modifying the code, I can’t give you any direction.
Hi Apologies,
Here is an example of what I am trying to do. http://thetheme.io/theadmin/widget/app.htmlThe chat is on one side and then something else is on the right. How can i get it so that the chat is always 100% of the height? (no matter how many or little there are on the right hand side.)
So if the todo list was only 20px high, how can the chat still always fill the full height.
Hi,
I know what you are trying to do, but I’m not sure why you are not able to do it. That’s why I’m asking an online demo from your code, not our demo website, so I can check your code and try to figure out the problem. So please upload your page and give us a link to check out your work.
Cheers.
Ah sorry, The code i have is pretty much a copy and paste from your demo. I tried doing a 100% height on the style, but that over flows.
Ill try and get a copy of your example elsewhere.
I have no idea how to achieve what I am trying to do,
I see. You probably need to hire someone to do this kind of jobs for you, because you might get into trouble in future development as well. Also, providing customization service is not part of the support and we only can give you some hints. You’re the one who should write the code.
ok no problem, im normally fine with this sort of stuff, but that widget seems to act oddly.
thanks for your time.
You’re welcome. Still if you get a chance to upload your page, I’ll be happy to take a look and give you a hand.
Hi, I have sent you a link via the inbox feature.
Essentially, The chat i would like full page height (with that small grey boards around the top, left and bottom like it should be.
It means that no matter what height the browser, the chat will always be full page height
Also, when applying a height to it, it seems to break the scrolling of the chat content.
Thanks again for your help here.
Hi,
Instead of height: 100%; to the .scrollable element, use height: calc(100vh – 232px);
Ah ha, Thanks, seems to work as expected! Much appreciated.
Hi,
how to used nested function of data-provide=”sortable” do you have the example of those function?
Hi,
If you mean sorting or moving items from child to parent and parent to child, so it’s not possible. But sorting parents and children of a parent should be possible.
i really appreciate if you can insert this function to your schedule update 
. https://github.com/RamonSmit/Nestable2, thank you
I’ll add it to our todo list and implement it in future releases.
how to dynamically add form fields?
There’s not such an option in the template. You should use a 3rd-party plugin or write the JS code yourself.
Hi,
I’ve got a problem with Google Map integration. I’ve changed the googleApiKey with mine in js file, but when I display a single map in a page, I have the following error “You have included the Google Maps API multiple times on this page. This may cause unexpected errors.”. Any idea?
Thx.
Hi,
Did you changed it from script.js file or the app.js file? Is it online to check the issue?
Changed it from script.js (and so in script.min.js). here is the url to check: http://www.iot-telecom.io/fr/test/ Thx !
That’s weird! Seems everything is fine. Please give us some more time to work on it and get back to you.
OK, thank you!
Hi,
Just want to let you know that seems the problem exists in our demo as well: http://thetheme.io/theadmin/page/map-google.html . Still couldn’t figured it out that why it loads the map script several times, but we’ll work on it and fix the issue for the next release.
Cheers.
OK. So you guess my question: when will the next release come out?
Few days later, probably on Wednesday.
Perfect! Thanks you.
Hi, thanks for the release, but I’ve got a new problem now.
When I want to initialise the map via this code: var map = new google.maps.Map(document.getElementById(‘map’), { zoom: 8 });
I’ve got sometimes the error “Can’t find variable: google” and the map doesn’t appears.
But sometimes, it works without any problem. Do you have any idea?
Hi,
Why you don’t use the internal map wrapper? We have several examples here: http://thetheme.io/theadmin/page/map-google.html
If you insist on using the Google API directly, you should not have any data-provide=”map” in your page. Then, you should do all the steps, from adding https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap to your page and writing what you need by help from https://developers.google.com/maps/documentation/javascript/adding-a-google-map
Well because I don’t know how to use the internal map wrapper. I need to add several markers on the same map, and I need an infoWindow when I click and them. Do you have an example for that ? Thx.
You can find several examples with a google search. Here’s one: https://stackoverflow.com/questions/40295646/google-maps-simple-multiple-marker-example-more-the-6-markers-not-working
That’s exactly what I did. Look at http://www.iot-telecom.io/fr/test/
But sometimes I’ve got the error I wrote above “Can’t find variable: google” in the initMap function.
As I said, you should not have data-provide=”map” inside your page. You should load the map javascript into your page.
OK, that’s clear now.
Me again. FYI, when I load the map js (with my own script) in the page without using data-provide=”map” it doesn’t work in fact because it seems that your library is still loaded.
“You have included the Google Maps API multiple times on this page. This may cause unexpected errors.”
Are you in the latest version which is v1.1.1? Because we fixed this issue in this release. We clearly load the google map script if the following if statement is true:
if ( $('[data-provide~="map"]').length && window["google.maps.Map"] === undefined )
Hello,
how to have the hover menu feature?
In your samples, to open a menu we need to click on it :
I tried that but it doesn’t work:
Thank you.
—> class=”dropdown-toggle” data-toggle=”dropdown” data-hover=”dropdown” href=”javascript:;”
Hello,
Probably you have JS error in your console and that error doesn’t allow our JS code to run. If you provide a link to your page, we might be able to help you.
Cheers.
I would like to open the “avatar” menu (Mon profil | Déconnexion) just by hover css feature.
Oh, now I see what you mean. Unfortunately, we don’t have such a feature right now. We use the dropdown component from Bootstrap which it triggers by click.
OK, thanks for your answer.
When I push File -> Print and try to print any TheAdmin theme demo, I only get blank pages. Is there any way to print pages in this theme? This is a critical use case for our application. Thanks!
Hi,
Since admin templates usually include components that should be hidden in prints (e.g. sidebar, topbar, some part of contents, etc.), we hide all elements by default except you define where should be printable. For this purpose, you should add .printing-area to your desire tag which could be body tag if you want to print everything. You can see how we used this feature in invoice-2 page (forgot to add to invoice-1): http://thetheme.io/theadmin/page/invoice-2.html
Also, you should use this class one element per page. Maybe .main-content is the best place to use it in most pages.
Hello,
I ran grunt and imported the scripts to my project but I keep getting the following error in the console:
$LAB is not defined
Any ideia of what is going on?
Thank you.
Also getting: ReferenceError: can’t access lexical declaration `app’ before initialization
Hello,
There should be something wrong with your js files. Did you included core.min.js and app.min.js in your page? Your script code should be after this includes. If you provide an online demo, it would be easier to inspect your code and find the problem.
Hi,
I got an error on Invoicer template. Please view the screencast for details: https://www.screencast.com/t/fuujkvNLE39Z
I’m using latest version
Thanks
Hi,
Thanks for reporting this issue. I added it to our todo list and will fix it in the next release.
Cheers.
Thanks. I hope it will be here soon. Because I will use that page for my new project.
Hello,
I’m trying to use the bootstrap select (select picker). With not too many options it works just fine. The problem is in a page where the select has around 800 options. It starts at the top of the page, under the header so I just see the bottom part of the select.
I have tried several things. One thing that worked in other templates was data-container=”body”. When I try this here I get a havascript error. “Uncaught TypeError: Cannot read property ‘setAttribute’ of undefined”
Also, if I use the windowPadding I get what I need more or less, because it doesn’t work very well.
Another thing is the live search goes really slow. it takes 2 seconds to start writting a letter. ANd this only with 800 records.
Thanks.
Hello,
Do you have it online so I can take a look at the code and demo?
Are you sure that the js error is because of data-container? Because we don’t use setAttribute related functions in configuring select-picker. The data attributes is handled by the core of select-picker, not our JS.
The slow search is totally related to the plugin. If it’s not because of 800 record, you should report the issue to the developer, so they might be able to help you or fix it in the next release.
Cheers.
I don’t have a demo, but everytime I use a selectPicker with a lot of options it slows down the whole page, even the text boxes are slow. For example, with countries, which are 236, not a really high number.
This creates the div container and inside, a button, with the selected option and the caret and then a dropdown-menu with all the options and a lot of code for each one and finally a select with, again, all the options.
I have compared it to the same selectPicker I have for another project with bootstrap 3 and both have more or less the same. The only difference is the old one runs smoothly and this one with your template goes really slow. Same dropdown with same options in both, in fact it is the same screen with all same controls.
That’s for the speed, which is impossible to have because slows down the whole page a lot.
As for the position, it goes from underneath the top bar, so I can’t see, and it scrolls down the page a lot, so it is impossible to use. In bootstrap 3 I had to use always the data-container=”body” option in order for the selectPicker to position properly, but if I use that property here I get an error and the combo doesn’t even open.
Uncaught TypeError: Cannot read property ‘setAttribute’ of undefined at Object.onLoad (core.min.js:10) at core.min.js:10 at Array.forEach (<anonymous>) at new b (core.min.js:10) at h.i.toggle (core.min.js:11) at HTMLButtonElement.<anonymous> (core.min.js:11) at Function.each (core.min.js:7) at va.fn.init.each (core.min.js:7) at va.fn.init.h._jQueryInterface [as dropdown] (core.min.js:11) at HTMLButtonElement.<anonymous> (core.min.js:11)
Believe me, all the properties are weel configured and the page is working fine for all other things. I have tested it in a page without anything, just your blank sample to see if something could be doing this.
I’m using ASP MVC, so loading the combos from a database, but same as I was doing on the other project and it worked all right there.
Thanks.
PD: If you need the code I can send you a zip file, please send me an email to juanllb@hotmail.com.
Hello again,
Forget about the slow down issue. My fault, I didn’t realize we did something in a file that I wasn’t taking form the code. That’s solved. My bad. Sorry if you have lost any minute with that…
The other problem is still there, I’m still working on it, maybe I can help to solve it.
Hello,
Sorry, the slow down issue is solved now. My mistake, I hadn’t seen any file that was creating that problem. My appologies and thanks for all the good work you are doing with the template. I love it.
The position problem is still there. I’m trying to see what the problem is.
For the positioning, the data-container=”body” I used to set in bootstrap 3 doesn’t work at all…but I mad a workaround using data-window-padding = “[70, 0, 60, 0]”
Hi,
Glad you could fix it. It was weird for me, since we only preset the following options and everything else is default options:
$(this).selectpicker({
iconBase: '',
tickIcon: 'ti-check',
style: 'btn-light'
});
Hello,
How can I change the summernote language? I’m setting in the input data_lang = “es-ES” (data-lang) but is not working.
Thanks.
Hello,
Please replace your app.min.js with https://ufile.io/ha8m9 and use data-lang=”es-ES” to load your language file.
Cheers.
thanks, now it works fine !!!
As another user asked you a few month ago, do you intend to make a slidebar that remains small and displays sub categories like this: https://imgur.com/W852dvj
I mean a small sidebar like the one you have in this page (http://thetheme.io/theadmin/layout/layout-3.html) but where the submenus open to the right, and with the possibility to have multiple levels.
Thanks.
Hi,
Yes, we have it in our todo list and will try to add it in the next release.
Cheers.
Do you know when will be the next release? Also, what I’m looking for is a compact menu where you can see just the icons and a simple text and them expand the submenus to the right, like this: http://logicalstack.com/demo/scoop/example/vertical-navigation-compact.html
These guys have a good menu: http://logicalstack.com/demo/scoop/index.html
Thanks
We’re busy with updating other templates to Bootstrap 4, but I guess the next release would be in early or mid of March.
As another user asked you a few month ago, do you intend to make a slidebar that remains small and displays sub categories like this: https://imgur.com/W852dvj
I mean a small sidebar like the one you have in this page (http://thetheme.io/theadmin/layout/layout-3.html) but where the submenus open to the right, and with the possibility to have multiple levels.
Thanks.
Hi,
Yes, we have it in our todo list and will try to add it in the next release.
Cheers.
I need to translate the datepicker plugin, to Portuguese. Unable to make this adaptation within The Admin
Hi,
Simply add data-language=”pt” to your date picker.
I guess we made that change in the local development and it has not released yet. Please download https://ufile.io/9fn9z and replace it with /assets/js/app.min.js . Make sure you’ll remove the cache and see if it works.
Thank you! It worked
Hello,
Pre-sales question *
I want to build a web app, this web app will have paid subscriptions. Example. will work this way:
My agency- ( Manages all Clients data ) 1- Admin Dashboard
Client 1 Agency- 1- Manager Dashboard 2- Staff Dashboard
Client 2 Agency- 1- Manager Dashboard 2- Staff Dashboard
Client 3 Agency- 1- Manager Dashboard 2- Staff Dashboard
In order to have a ” Client 1,2 or 3 Dashboard ”, you will have to pay a monthly subscription fee.
I am basically creating a very big CRM where inside I manage multiple small CRM’S
And the buyer can manage it’s own CRM
I will not sell your theme like on themeforest for example. I will use your theme it for one single main CRM where inside are multiple CRM’S
The best example is this i could find to better understand is this one: https://demo.getnextpost.io/
It is one web app – with one design ( admin template ) with multiple users based on a subscription.
Please confirm few things:
0- All above it is considered SAAS ? 1- If I buy standard license, can I use it for multiple domains ? 2- If I buy standard licence, can I use it for multiple sub-domains ? 3- I will have to buy a standard licence for each CRM ? 4- As per ThemeForest licensing, do I have to buy the extended licence to achieve my goal ? 5- As per ThemeForest licensing, do I have to to buy standard licence to achieve my goal ?
I will use your admin template only to design all small CRM’s + main CRM
Looking forward for an answer.
Thank you.
Hello,
As I can understand, you have a single product and agencies are your customers; so:
0) It’s a single product, a SAAS
1) I’m not sure, but probably yes. You have a single product with several domains which leads to that single product. It each domain has it’s own product with user bases, so they are different products and requires a license per domain.
2) If all sub-domains leads to a single product, so yes.
3) No, all sub CRMs are part of a single CRM
4) Yes, you need extended license.
5) No, you need extended license.
For better understanding of licenses, we suggest you to take a look at the comparison table here: https://themeforest.net/licenses/standard and read FAQs if you need more information. Finally, if you still have doubt on which license you need to acquire, you should contact Envato help center ( https://help.market.envato.com/hc/en-us/requests/new ). They can give you the final answer to your questions.
Let us know if you need more help.
