241 comments found.
How could deal dropzone success callback in template
If you need events, so you should initialize the plugin by yourself. For example:
<div id="your-dropzone" data-provide="dropzone" data-init="false" />
This code loads the Dropzone assets, but don’t initialize the plugin. Now you can use Dropzone samples to initialize and configure your uploader. Make sure you’ll put your js code in script.js file or app.ready( function(){ }).
Hello,
I need to load a div with ajax when I click on a button, and that div has a map. If I insert the map in the page it works perfect, but when I have to load the map using ajax it doesn’t.
Is there any javascript I need to call in order the data-provide=”map” to work?
This is the call, it is quite simple: $(”#control”).change(function () { $.ajax({ url: ’@Url.Action(“AddLoadInfo”, “Facilities”)’, type: ‘POST’, datatype: “json”, success: function (result) { $(”#divInfo”).html(result); $(”#divInfo”).show(); } }); } });
Thanks.
Hello,
Yes, you need to call app.map() method after the ajax load completed.
Cheers.
Hello,,
I have called app.map(); right after $(”#divInfo”).html(result); and I get an error:
app.min.js:7 Uncaught ReferenceError: google is not defined at HTMLDivElement.<anonymous> (app.min.js:7) at Function.each (core.min.js:7) at va.fn.init.each (core.min.js:7) at Object.app.map (app.min.js:7) at Object.success (agregar?zoneId=0:630) at k (core.min.js:8) at Object.fireWith [as resolveWith] (core.min.js:8) at d (core.min.js:9) at XMLHttpRequest.<anonymous> (core.min.js:9)
Please open /assets/js/script.js file and add “map” to the array of “provide” variable, so it pre-load the google map script.
Not working: script.js:33 Uncaught ReferenceError: map is not defined at script.js:33
I did: provide: [],—> provide: [map],
It should be a string, like provide: [ “map” ],
I’m sorry but not working….
In my page: <script src=”~/Admin/theme/js/script.js”></script>
In my script.js: provide: [“map”],
And I’m sure it is reading that script because I have tried with some dummy char and it gives me an error. Also tried with ’ and ”.
Same error: Uncaught ReferenceError: google is not defined at HTMLDivElement.<anonymous> (app.min.js:7) at Function.each (core.min.js:7) at va.fn.init.each (core.min.js:7) at Object.app.map (app.min.js:7) at <anonymous>:3:9 at c (core.min.js:7) at H (core.min.js:7) at va.fn.init.append (core.min.js:9) at va.fn.init.<anonymous> (core.min.js:9) at Ia (core.min.js:8)
I’m not sure why this problem happens again. The last solution that I can come up with is to load the google map javascript in your page with the following code:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY"></script>
If it doesn’t work again, so I guess you should use an iframe to display your map: https://developers.google.com/maps/documentation/embed/guide
This way worked !!! SO it seems like there has to be something that doesn’t work as expercted in the template js.
In case someone has the same problem.
This is the ajax call inside a script tag:
$.ajax({
url: '@Url.Action("LoadInfo", "Facilities")',
type: 'POST',
data: { facilityId: Id },
datatype: "json",
success: function (result) {
$("#divData").html(result);
$("#btnAdd").show();
app.map();
}
});And after that the script you suggested:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY"></script>Thanks for your effort, I’m really happy with the template and with your support !!!
You’re welcome. Thanks for sharing the solution.
Yes, this is ASP.NET .Core, maybe it is not working with the first suggestion because of that…but I guess this solution works for any language…
I need to translate the datepicker plugin, to Portuguese. Unable to make this adaptation within The Admin.
The tag ” data-language=”pt”” not work.
I’ve just tried it and it works just fine. Probably you’re using the old version of our template. Please download the latest release from Themeforest.
I just downloaded the new version, update the files from my system and still the problem persists. A simple element <type = “text” date-provide = “datepicker” />
I believe its available, not complete
You should have both data-provide=”datepicker” and data-language=”pt” attributes for your input.
I put all the options in different ways, the problem still occurs.
Please download the version available on the site and perform the test, the problem still occurs.
This is a very important point for my project, I add attention.
I tried it in my local dev and it works just fine. Do you have any JS error in console? Could you provide an online demo so I can take a look at your code and assets?
Hello,
I use also your template TheSaas, and there is the possibility to open a Modal on page load just setting the modal to Autoshow with the property data-autoshow, even you can setup a delay…
Do you have a similar option in TheAdmin?
Hello,
Unfortunately, no. We don’t have such a functionality in TheAdmin.
Hello,
Is it possible to show the right offcanvas menu (quick view) in dark color? I mean, if there is a simple way…I could change the styles myself, but maybe you have a class to do that.
Thanks.
Hello,
Unfortunately, we don’t have a utility class for this purpose. Fortunately, the quickview component is a container, you can style it easily.
Cheers.
How do I remove data/json/files.json from the core.min.js
It’s not inside the core.min.js, it’s a separated file.
Hi, is this compatible with WordPress? I am confused on how this is installed
Hi,
No, it’s a HTML template.
We are using for a laravel – vue js project but when we change the vue router mode to hashing ( http://localhost/#/ ) then there is an error in the console
Uncaught Error: Syntax error, unrecognized expression: #/ at Function.oe.error (core.min.js:7) at oe.tokenize (core.min.js:7) at oe.select (core.min.js:7) at Function.oe [as find] (core.min.js:7) at C.fn.init.find (core.min.js:7) at new C.fn.init (core.min.js:7) at C (core.min.js:7) at Object.app.initThePlugins (app.min.js:7) at Object.d.init (app.min.js:7) at HTMLDocument.<anonymous> (app.min.js:7)
Can you please help us to resolve this
Sorry for the late response. I’m in vacation right now, will look into the problem in few days.
Hello,
First, thanks for the template, it is really awesome.
I have a problem with the summernote editor. I’m just calling it using data-provide=”summernote”
1. When I lost focus I receive always a javascript error 2. Also, sometimes the first lines are covered by the menu, so I don’t see them until I do a couple of break lines…after that it fixes. 3. How can I add the font-size to the menu without using the full menu…
Here is the javascript of the error-
jquery.validate.min.js:1 Uncaught TypeError: Cannot read property ‘replace’ of undefined at t.validator.escapeCssMeta (jquery.validate.min.js:1) at t.validator.errorsFor (jquery.validate.min.js:1) at t.validator.prepareElement (jquery.validate.min.js:1) at t.validator.element (jquery.validate.min.js:1) at t.validator.onfocusout (jquery.validate.min.js:1) at HTMLDivElement.e (jquery.validate.min.js:1) at HTMLFormElement.dispatch (core.min.js:8) at HTMLFormElement.q.handle (core.min.js:8) at Object.trigger (core.min.js:9) at Object.simulate (core.min.js:9) escapeCssMeta @ jquery.validate.min.js:1 errorsFor @ jquery.validate.min.js:1 prepareElement @ jquery.validate.min.js:1 element @ jquery.validate.min.js:1 onfocusout @ jquery.validate.min.js:1 e @ jquery.validate.min.js:1 dispatch @ core.min.js:8 q.handle @ core.min.js:8 trigger @ core.min.js:9 simulate @ core.min.js:9 c @ core.min.js:9
ALs Another question
Hello,
1, 2) I couldn’t see these problems on our demo at http://thetheme.io/theadmin/form/editor-summernote.html . Do you have these problem in our dmeo? As I can see in the error log, the errors are from jquery.validate plugin which is not included into our template. If you added it to the template, there’s chances you have miss-configuration or conflict.
3) I don’t think so, at least I can’t see such an option in the Summernote plugin.
Cheers.
I am using datatables inside theAdmin theme. I need to be able to define the columns for the data coming back from a server side ajax call. How do i define the columns in the template, as i do not want to de3fine it in javascript as it looses the template styling, which defeats the purpose of using the template
How could you dynamically define an extra column in datatables? I couldn’t find any related example or API in their documentation.
Hello, another question please: I need the modal window, or similar… i try in: http://thetheme.io/theadmin/uikit/notification-push.html
in the files downloads too. But, no run. 
Help?!!!
Thks.
Hello,
You can use the modal component: http://thetheme.io/theadmin/uikit/dialog-modal.html Cheers.
Hello! How do I change the colors (contextual colors or Primary pallet)?
Hello,
For this purpose, you should change the scss variables and re-compile the project. You can find those variables in /theme/src/assets/css/scss/_variables.scss file.
Perfect. Thanks!!
Hi how are you?
I wanted to know if there is a way to put more levels in the aside menu and how to do it?
Thank you.
Hi,
Thanks. You mean sidebar or aside? For sidebar, simply follow the same
- with
- as we have for first submenu. If you mean the aside component, I should say that is a container. You can put any nav inside, but seems we don’t have a standalone nav and sub-nav component.
Cheers.
If you forgive, I was referring to the sidebar. Is it possible to add a third level?
Oops! I just saw the preview comment. For sidebar, simply follow the same <ul class="menu-submenu" /> and <li /> pattern. You can see how we used it in the first menu level.
Hi team,
I cannot see your Demo. Could you solve the issue?
Thanks.
Thanks, but when I click on that URL, the target page is a white page with the icon “three points green” (charging), and it doesn’t finish to charge.
I have tested this in three browsers (Chrome, Firefox and Safari). And with my smartphone I have the same issue.
That dots are the preloader animation. It opens just fine here. Could you check the console to see if you have any JS error or not?
As you told me I have opened the “Developer Tools” in Chrome, and the “Console” tab, and then I have reloaded the page. And after theses steps finally I have been able to see your demo. In the console I see some errors, perhaps this is the problem.
I am promoting your theme in my blog 
Thanks, we appreciate it.
Hi There,
I’ve recently purchased the template TheAdmin and I am getting an issue with the aside mixing file. Can’t find it! Can you please provide me with this file on the mixins folder.
Thansk
Hi, ... my mistake, it doesn’t work properly. what i did:
<form class=”card form-type-combine” data-provide=”validation”> ... <label>Statut</label> <input class=”form-control” type=”text” required /> ... <footer class=”card-footer text-right”> <button class=”btn btn-secondary” type=”reset”>Cancel</button> <button class=”btn btn-primary” type=”submit”>Register</button> </footer> </form>
If I do that, the input validation works but the Register button is hovered … I mean it seems that the cursor is on it… I should miss something.
... any idea ?
.. the button Register has a state ”.btn-primary.disabled, .btn-primary:disabled” the first time the page is displayed … this is not normal
... need help !
... another issue on input field with a data-mask pattern ..it seems that “form-type-combine” doesn’t work at all ..??
Hi,
By default, the disable option is true ( http://1000hz.github.io/bootstrap-validator/#validator-options ). Add data-disable=”false” to your wrapper like our demo at http://thetheme.io/theadmin/form/validation.html
The mask plugin works just fine here. How you use it? Doesn’t you have any JS error in console?
It works just fine. If you expect to have an error if you leave it empty, the problem you face is that the input is not empty actually. There’s several spaces in your input even if you leave it empty. You have those spaces inside data-format.
Yes, I know that … I would like to have an error and the mask (blank in that case) .... any way to do that?
You can’t do it directly using the validator plugin I guess. Maybe you can use the minlength=”4” option which is the number of spaces you have.
it doesn’t work … when I use a data-mask, the data-minlength also doesn’t generate an error
So seems they don’t work together.
yes … thanks
Combine Inputs … Hi, I’m using Combine Inputs and I’d like to use a required input … it oesn’t work or do I miss something ? Thanks,
Hi,
What doesn’t work? In the sample page we have a required input which has a red * on top right side. Or you mean the validation doesn’t work?
Hi, yes, I was talking about the validation .. but never mind, it is OK now …. Thanks,
Hi,
Im’ a new user here and hope an answer … It seems easy but even after spending a day on reading forums … insertRowLocation:”top” doesn’t work.
Thanks for helping …
Hi,
In which plugin you’re trying to use insertRowLocation option?
Hi, I’m just trying to make “jsGrid Basic” works … everythingis fine except the insert row at the bottom … (and the localization) Thanks
But the jsGrid doesn’t have such an option at all: http://js-grid.com/docs/
I’m confused … https://github.com/tabalinas/jsgrid
I’ve fixed this …by using a Custom load strategy to insert at the Top.
In case someone is interested, I’ve first define this …
// Custom load strategy to insert at the Top
var MyCustomDirectLoadStrategy = function(grid) {
jsGrid.loadStrategies.DirectLoadingStrategy.call(this, grid);
};
MyCustomDirectLoadStrategy.prototype = new jsGrid.loadStrategies.DirectLoadingStrategy();
MyCustomDirectLoadStrategy.prototype.finishInsert = function(insertedItem) {
var grid = this._grid;
grid.option("data").unshift(insertedItem);
grid.refresh();
};... and then use it in the main Grid …
// Main grid
$("#jsGrid").jsGrid({
...
loadStrategy: function() {
return new MyCustomDirectLoadStrategy(this);
}
...
});Thanks for sharing your solution.
How do i fix the version bumper issue? its still happening in version 1.1.2.
Hi,
Probably forgot to add it to our todo list. You need to add a version bumper to the end of all js files which loads after the page load, right?
Hi I use yii2 I get the conflict jquery when using Gridview How in your script files disable the use jquery? Thanks!
Hi,
I don’t understand it very well. The Gridview is a component of Yii2? Or a component from TheAdmin? We don’t disable jQuery at all. It’s actually included in core.min.js file.
The gridView is a component of yii2 It uses jquery Also on the page in core.min.js jquery is used It turns out the conflict
http://dl4.joxi.net/drive/2018/07/03/0015/2053/1038341/41/ec5382d965.jpgjQuery.Deferred exception: jQuery(...).yiiActiveForm is not a function @http://adminpanel/
l@http://adminpanel/assets/js/core.min.js:1597:50 f/</m<@http://adminpanel/assets/js/core.min.js:1602:41 undefined
What if you remove the jquery.js script tag and move up the core.min.js script tag to the top of the page?
Everything turned out to be done
