520 comments found.
Another issues is ” , ” in [{},] are causing js errors. These are at lot of places.
Hi navin22
The extra commas in array should not be a problem in modern browsers or mobile devices, only if you use very old browser this happens!
Arlind
yeah thats ok, i removed it myself for now. .. but js are getting processed that was creating issues.. just wanted to let you know to remove them from upcoming versions.
Hi,
it has been a month since the last update, there are some issues to fix so expect a update soon from us.
Kind Regards,
Art
i see lot of jquery manipulation,, looks like coming from neon.
https://docs.angularjs.org/api/ng/function/angular.elementMine is a completely angularjs app. For example hiding and showing panes .. we still use jquery. Can we migrate them to angular
Thanks
Hi again
Even angular.element are jquery objects, see this definition in their site:
Wraps a raw DOM element or HTML string as a jQuery element
This should be a huge problem because you can do all the same DOM manipulation and works really good, jQuery and Angular are “best friends” 
Arlind
Actually they are not best friends .. because angular will not know about the dom manipulations made by jquery .. I also see a lot of jquery plugins .. which i am finding it difficult into integrate into my angular app.
Have you managed to integrate your site into the angular Xenon yet?
Kind Regards,
Art
There’s a bug on some nav menus, such as http://themes.laborator.co/xenon/layout/horizontal-menu-click-to-open-subs/
If you click once the notification or mail icon in top right, and hover (don’t scroll) over the list items, the scroll bar does not appear. Only after you use the mouse wheel to start scrolling the scroll bar appears.
Now on the main dashboard, if you click notifications, and hover over the list items, the scroll bar appears.
Hi peterpana
I have saw this bug, so open assets/js/xenon-custom.js
Go to line 98 and replace this line:
$(".user-info-navbar .dropdown:has(.ps-scrollbar)").each(function(i, el)
with this one:
$(".dropdown:has(.ps-scrollbar)").each(function(i, el)
Hopefully this will help you.
Arlind
Hi there,
First things first.. Congrats! Amazing work!
By now, I have one little problem. I downloaded the zip today but app/tpls/login-light.html is missing.
Thanks
Hi leogariba
I am really sorry about this, I have now noticed this issue. I have created light login page and for quick fix just download this HTML file:
http://cl.ly/YVAYAnd move it to tpls/ folder.
Hopefully this will help you.
Arlind
Hi there,
Purchased the theme and it is great! Is there any particular reason why the user drop down menu’s links don’t work? I’ve tried your live example and also on my site and neither of them work.
Thanks!
Hi empose
Firstly thank you for these kind words.
Can I know which exactly dropdown menu doesn’t work? I am not aware of this issue.
Regards
Arlind
Pleasure Lab! It’s my favourite admin theme by far!
I’m talking about the menu on the right hand side – http://i.imgur.com/RzUrOyQ.png
Hi empose
I was trying to see it works and it really did worked for me.
Please make sure you attach this attribute to the anchor element data-toggle="dropdown".
Also tell me which browser do you use? Does changing to another browser works for you?
Arlind
Hi.
It looks great, but sorry, I can’t understand what are the abilities and for what purposes can I find Xenox works for me.
For example, If I want a Customized-CRM, how Xenox will help me achieve it?
And if yes, so it comes with ready-to-upload files? just upload to my server and start working?
Sorry for the misunderstanding. Best regards.
Hi onixdigital, Admin Templates like Xenon are for custom administration sections of a web app. Rather than designing your own interface, you can purchase one of these templates, and then integrate it into your web app.
Think of them as HTML mockups for developers to integrate with what ever platform they want.
For example, Envato uses an admin template sold here for its accounts/invoicing interface.
Ylli
I am loading the files in your suggested way .. Even after trying for the entire day .. i am getting this error.
ReferenceError: cbr_replace is not defined at Object.<anonymous> (http://localhost:8223/client/lib/controllers.js?5fd97872b0285f51352b73f352926a8c9d4ae8eb:110:4)
actually i made few changes in js to remove ozLaxyLoading
.. since i was getting public_vars not defined
also i have to put all my js in head .. 
Hi navin22
This function is contained in “xenon-custom.js”, so make sure you include this file in header too.
If it doesn’t work then try assigning cbr_replace to window (in xenon-custom.js line 462:
function cbr_replace()To:
window.cbr_replace = function()
See it it fixes the issue.
Hopefully this will help you.
Arlind
That worked but now getting ..
WARNING: Tried to load angular more than once.
solved ..
Great.
Hello Art,
I purchased Xenon on October 11 and I see that you published an update on October 15. Where can I download the update?
Thanks, Scott
Hi scottmriley
You can download the Xenon files again via Downloads Page. Go to your account, there you will see the downloads tab.
Hopefully this will help you.
Arlind
I just made the purchase and want to use the angularJS version, but found that all index.html are empty and no package.json file. How to make it enabled?
Hi tracyliang77
Actually we have included all the files and there is package file needed.
Everything is located in xenon-files/angular/
If you have any suggestion how can I create this file, I would include it in the next update.
Hopefully this will help you.
Arlind
I am using the horizontal plus vertical layout, file layout-horizontal-plus-sidebar.html
When I added navbar-minimal to the navbar the responsive version breaks. The CSS needs to be updated.
Hi peterpana
Please download these files: http://cl.ly/YPud
Then replace in assets/css/ and you will get rid of this issue.
Hopefully this will help you.
Arlind
Thank you but can you provide the LESS files please.
Sure, please give me the email I will send them to you
Arlind
Hi there!
I’m very enthusiastic about your theme! The only thing I can’t seem to find are pricing tables, will you implement them later?
Thanks!
Hi,
thank you for your kind comment, we have not considered adding pricing tables to the theme, I’ll propose this idea to the staff and we’ll see if we will add it in the next updates.
Kind Regards,
Art
Ok, thanks! When is the next update scheduled?
It’s nice not having to be concerned about the design, so we can focus on the development of our project. Thanks for this great theme!
We’re currently working on another theme, after one week or two we will be adding some new features to the theme (front-end, lang switcher and some minor features)
Kind Regards,
Art
hi, layout-horizontal-menu-min have problem on mobile, the menu have css problems. Can you fix? also there is no less files on html version. Thanks.
Hi alvarogtc
Please download these files: http://cl.ly/YPud
Then replace in assets/css/ and you will get rid of this issue.
Hopefully this will help you.
Arlind
Hi ipagewww, i see that you rated us with 2 stars, can you please explain us briefly what problems do you have and we will try to solve them if we can.
Kind Regards,
Ylli
Hi Labrator,
On forms-validation.html when I changed first input name from “name” to “name[]” first time you submit/validate the form you will see this message: “This is custom message for required field.” but when you click again on Validate button it will submit the form without validating it.
Any idea?
Thanks!
Hi zjakub,
Please assign the ID “name” to the input in order to get the defined message and see if it works.
Hopefully this will help you.
Arlind
Hi Arlind,
Here is what I did. I copied this couple of times. Each input have unique ID name1, name2 etc.
<div class="form-group">
<label class="control-label">Required Field + Custom Message</label>
<input type="text" class="form-control" id="name1" name="name[]" data-validate="required" data-message-required="This is custom message for required field." placeholder="Required Field" />
</div>
Now looks like only 1st is validated and rest of them is showing validation message when I click on them and then focus on another field. Could you please check if you experience same issue?
Thanks!
Hi zjakub,
Please add error message directly to the input:
<input type="text" class="form-control" name="name[]" data-validate="required" data-message-required="This is custom message for required field." placeholder="Required Field" />
Hopefully this will help you.
Arlind
Hi Arlind,
I’m not sure what do you want me to do here. Your code looks pretty much same as the one I sent you above.
I recorded a video so you can see the issues I’m having. I also included a html file. I was able to reproduce validation issue in IE, Chrome and Firefox. Form input issue in Chrome (desktop or phone) only. http://goo.gl/DLXV5rI appreciate your help. This is really one of the best admin themes that I worked with.
Thanks!
Hi zjakub
I now realised the nature of this issue.
I have tried to add:
.form-control[type="text"] {
overflow: hidden;
}
And worked fine for me.
Hopefully this will work for you too.
Arlind
Hi Arlind,
I tested and I don’t see any difference. Only 1st field name=”name[]” is being validated. The other one after focus. It has something to do with validation. I don’t experience this issue when input names are not arrays. Would you like to setup a remote session to investigate it further?
Thanks
Hi zjakub
I can help you with this but currently I have no time because I am busy with some deadlines.
Just try this, do not assign “validate” class to the form but apply different class:
$(".my-form").validate({
rules: {
"name[]": { required: true }
},
message: {
"name[]": { required: "Custom messsage..." }
}
});
Hopefully this will help you.
Arlind
Hi Arlind,
I understand that. I hope that you can fix these issues in the next major update.
Thanks.
We’ll let you know if it gets fixed.
Kind Regards,
Art
Hi Arlind,
Did you fix the two issues we discussed couple of weeks ago? 1) ‘scrolling text’ on form input fields 2) validation plugin for inputs where name is array? ie. myname[]?
I just tested your new version and I didn;t see any difference. Thanks
Hi zjakub
I have added overflow: hidden to .form-control and this have fixed the issue, but I am not sure if now works well. So try adding this property if you didn’t added already.
To validate array inputs please use custom JS script, it will work:
$("#signupForm").validate({
rules: {
"category[]": "required"
},
messages: {
"category[]": "Please select category",
}
});
});
Arlind
Hi Ylii, did you have a chance to correct the issues with form validation where names are arrays? (name=”fields[]”) and issues with minimal horizontal menu? It’s been a long time at that is a basic template functionality.
Hi
Here is the example case when you can assign array inputs to validation:
<script type="text/javascript">
$(document).ready(function() {
$("#signupForm").validate({
rules: {
"category[]": "required"
"place[]": "required"
"color[]": "required"
},
messages: {
"category[]": "Please select category",
"place[]": "Please select your place",
"color[]": "Please select your preferred color",
}
});
});
</script>
<form id="signupForm" method="get" action="">
<select name="category[]" id="cat_1">
<option value="">Select One</option>
<option value="1">aa</option>
<option value="2">bb</option>
<option value="3">cc</option>
<option value="4">dd</option>
</select>
<select name="place[]" id="cat_2">
<option value="">Select One</option>
<option value="5">ee</option>
<option value="6">ff</option>
<option value="7">gg</option>
<option value="8">hh</option>
</select>
<select name="color[]" id="cat_3">
<option value="">Select One</option>
<option value="9">ii</option>
<option value="10">jj</option>
<option value="11">kk</option>
<option value="12">ll</option>
</select>
<input class="submit" type="submit" value="Submit">
</form>
This is the manual way to validate array inputs and works fine. If you have any further questions feel free to ask.
We hope that you will improve the rating
Hi,
That what I was doing for last couple of months, and that’s a lot of work and I have many forms to work with. Each form change requires an update on the JS level. The bottom line is I should be able to use statements like data-validate=”rule1,rule2,...,ruleN” instead of creating custom validate scripts for each form that I have. It would be easier if you could correct your custom scripts so validation would work properly on forms with arrays. That’s the main reason why people are buying templates, so they don’t have to deals with custom scripts that much.
Can you do that?
The other issues I can deal with.
Thanks!
Hi
According to jQuery validate library this is not supported to have two fields with the same name and both to be validated.
Rules that are given only accept field name, and if that field name ie. place[] is appearing more than one time only the first field is validated.
Can you give me sample form you are trying validate?
Arlind
Hi zjakub, i see that you rated us with 3 star, can you please explain us briefly what problems do you have and we will try to solve them if we can.
Kind Regards,
Arlind
Hi Labrator,
Firstly, its an amazing looking theme, great design work!
I have a question on the AngularJS version. It seems it uses Angular mainly for routing, but still heavily relies on jQuery plugins for all the input controls, ie: everything within Advanced Plugins.
Is there any recommended approach for how we can bind our angular $scope variables to these controls?
Hi tystol
Firstly thank you for your kind words.
These plugins included “Advanced Plugins” are minimum requirements because otherwise it will not work, I have tried to find other alternatives but I couldn’t.
In the other hand, you can assign ngModels to the $scope and then process validation within the controller.
As I understood most of the plugins can be initialized in the old way, and further processing relates to Angular.
One possible approach can be “Directives”, so using any plugin as directive will reduce the code you write, for more see directives.js
Regards
Arlind
Hi I purchased this great theme few days back. I see problem with Mobile responsive collapsed menu for AngularJS based code. The main menu doesn’t expand the the sub menus. And clicking on the Notifications badge icon doesn’t do anything.
Your help in fixing this greatly appreciated.
Regards,
Aarif Mohammed
Hi Aarif,
you’re not the only one who has reported this issue within a week, we have checked it and we have added it to the fix list for the next update.
Regards,
Art
A quick little suggestion would be to add some nice HTML Emails?
Hi,
thank you for your suggestion, we have also a list of to-do’s for the next update like the front-end, language switcher and many other pages. We will take this into consideration.
Regards,
Art
Awesome!
Glad to hear that
Does the HTML version include LESS or just the AngularJS version? If it doesn’t, could I use the LESS files from AngularJS in the HTML version?
Hi,
Xenon uses LESS in both versions.
Regards,
Art
Awesome thanks!
You are welcome buddy.
Hi
i’ve a porblem with the layout-collapsed-sidebar.html, when i use this page with mobile device as i-phone the menu is not working well. the sub-menu are not opening.
Waiting for your prompt answer 
Regards/Saluti
Pablo
Hi,
we’re sorry for the bug and thank you for reporting it, tomorrow is a working day and we will check the theme for bugs and try to fix this.
Regards,
Art
Ok ,waiting for your solution, thank You
You’re welcome!
Hi mate,
I am working on a new template to sell on themeforest. Your admin theme Xenon is really awesome and I want to use it’s screenshots (from demo pages) in my template’s demo pages. I will use those screenshots only in online demo and will not include in downloadable assets.
Need your permission
Thanks
I need to use a software UI screenshots in main banner/slider of my template.
No problem for that, feel free to use the theme screenshots even in the downloadable version. We wish you good luck with the sales
Regards,
Art
Thank your very much Art! Will let you know when my template will be approved.
Of course, I would like to see it .
Hi,
My landing page template is approved. Check it here: http://themeforest.net/item/dove-modern-startup-landing-page/9649338Thanks for giving permission to use Xenon screenshots
Hi oscodo, the looks great!
We wish you good luck
Laborator Team
Hi,
I working on making the notes widget dynamic pulling and saving notes from a MYSQL table. I pull the notes form the table assign a id to the “li” I have the ajax call working to my PHP file to update the updateCurrentNoteText function in the file. How can I get the ID of the current li so I can pass that over to update the text.
Thanks
LS
Hi LS
You can assign the ID of notes to “LI” elements, then open xenon-notes.js and go after line 96 add this line:
var note_id = xenonNotes.$currentNote.attr('id');
Then you can use that note ID to save the changes.
Hopefully this will help you.
Arlind
You rock! That was exactly what I was missing, thanks!
LS
Glad to hear that
