520 comments found.
Hi,
I have a problem. I use Angular.js version. I get an error when Xenon Theme is loading.I see the error on the console. (I don’t know Angular.js very well)
This Error :
Error: [$compile:tplrt] http://errors.angularjs.org/1.2.26/$compile/tplrt?p0=sidebarProfile&p1=app%2Ftpls%2Flayout%2Fsidebar-profile.html at Error (native) at http://localhost:63342/angular/app/js/angular/angular.min.js:6:450 at http://localhost:63342/angular/app/js/angular/angular.min.js:60:173 at http://localhost:63342/angular/app/js/angular/angular.min.js:72:199 at F (http://localhost:63342/angular/app/js/angular/angular.min.js:100:187) at F (http://localhost:63342/angular/app/js/angular/angular.min.js:100:187) at http://localhost:63342/angular/app/js/angular/angular.min.js:101:350 at k.$eval (http://localhost:63342/angular/app/js/angular/angular.min.js:112:68) at k.$digest (http://localhost:63342/angular/app/js/angular/angular.min.js:109:168) at k.$apply (http://localhost:63342/angular/app/js/angular/angular.min.js:112:398)
Another Problem is Chart Section.
For Example; I clicked chart variants after visitting other page is “Map Chart” and come back “Char Variants” reloading page is not enough. This page is garbled. I think. “Map Charts” Page breaks.
I didn’t make any change in js or css files etc. I use your scripts not individual implementations.
Please Can you help me this problem ?
Hi tyurtlu
These errors doesn’t explain the real problem, because it is happening inside angular and thus the source of the issue is not shown in this error, it is a plain error message generated by AngularJS
In order to run AngularJS version of Xenon you must load files in web server (localhost/web host).
I have tried the same steps and worked fine on each page, so make sure the above steps I have described are followed by you!
Arlind
Hi !
Will you release an update for Safari 9 (mac) because the dashboard is not working fine anymore.
Thanks !
Hi there,
We are currently working on all theme updates, we will release the new update soon (in the upcoming weeks).
Kind Regards,
Art
Hi,
I have a problem. I use angular.js version.I clicked tables-datatables and there are filtering elements up to each table after visiting other pages and come back to datatables page again seems no filtering elements up to tables. but in order to provide this bug, reloading page is not enough. while after and after visiting other page and come back to this page that’s happen. I didn’t make any change in js or css files etc. I use your scripts not individual implementations.
Please Can you help me this problem ?
Hi tyurtli
At the time we have released Xenon we have build the Datatables with the standard jquery version, so I didn’t knew it exists also for Angular version, so we will release new update of Xenon including AngularJS datatables and such you can have these bugs fixed.
The update is going to be released hopefully next week.
Arlind
Thanks for answer Arlind. I will wait this update. Because I need to have this fixed.
Hi,
My name is Damian. First, thank for creating the Xenon – Bootstrap Admin Theme. We love it! Looks amazing 
I have two questions please.
First – my coder is asking do you have any documentation on what js variables are configurable and where they can be found and basically what variables control what? We need to customize a few graphs and it is taking my coder a very long time to find the proper variables.
Second – are you available for paid work? I may need a couple tweaks to some widgets if my programmer cannot figure it out. Could I pay you to make changes?
Thanks a bunch! Damian damian.lanfranchi@gmail.comHi Damian
Firstly, thank you for your kind words, we are pleased that you like our theme! Here are my answers to your questions:
1. Chart variables are included in the same page with chart code, for example in this page: http://themes.laborator.co/xenon/charts/main/ (respectively in download path: xenon-files/html/charts-main.html) each chart described in the code example below: http://drops.laborator.co/1g23F
Charts rendering library must be imported in order to display the charts.
2. We are not doing custom work for years, because we are very busy with current projects, I am sorry about this 
however you can still hire programmers in Envato Studio
Best regards
Arlind
Hi there,
Is there a landing page done for this theme? As this is an admin theme, I’d look for a landing page that has a basic signup section on there.
LMK if any questions Thanks
Hi there,
Unfortunately not, we haven’t built any landing page for Xenon.
Kind Regards,
Art
I’m looking to buy this theme. Will it work with AngularJS 1.4?
Hi
Firstly thank you for being interested in our theme.
Unfortunately we have stopped supporting Angular version of Xenon and the current version that Xenon runs is Angular 1.2.26, I don’t know if it will work in Angular 1.4
The reason is because I am not so familiar with Angular JS because I primary develop wordpress themes and this was my first AngularJS theme.
Have a nice day
Arlind
can help me to change background color layout ? what css file, i must be change?
Thanks
Hi spagety_code,
Which background color you want to change please, the gray one?
Kind Regards,
—Ylli
Hi How can I change the light grey colour in the background to white?
Hi lindyl00,
Can you please add the code below to Custom CSS
.page-container .main-content {
background-color: red;
}
Kind Regards,
—Ylli
you said in a post that a solution for array html element (name[]) would be:
<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>
but I tried it and the code doesn’t work
Hi
I was giving this solution to other users:
http://stackoverflow.com/questions/24670447/how-to-validate-array-of-inputs-using-valiadte-plugin-jquerySo it turned to work for them, please take a look and try by yourself to see if it works for you too.
Arlind
Hi, I made all changes. Create the script before de form to put elements as required and changed the jquery.validate.js and still not working. With old code, I can block the form and show error messages, but the problem is with unhighlight, that can’t find my elements and set as a correct input.
With the new code that you passed, The form is sent and doesn’t work.
Hi, I fixed my problem. Is not the better way, but it worked and everything still working after the changes… jquery.validate.js find: errorsFor: function( element ) { var name = this.idOrName( element ), describer = $( element ).attr( “aria-describedby” ), selector = “label[for=’” + name + ”’], label[for=’” + name + ”’] *”; // aria-describedby should directly reference the error element if ( describer ) { selector = selector + ”, #” + describer.replace( /\s+/g, ”, #” ); } return this .errors() .filter( selector ); },
change to: errorsFor: function( element ) { var name = this.idOrName( element ), describer = $( element ).attr( “aria-describedby” ), selector = “label[for=’” + name.replace(‘[]’, ’’) + ”’], label[for=’” + name.replace(‘[]’, ’’) + ”’] *”; // aria-describedby should directly reference the error element if ( describer ) { selector = selector + ”, #” + describer.replace( /\s+/g, ”, #” ).replace(‘[]’, ’’); } return this .errors() .filter( selector ); },
find: idOrName: function( element ) { return this.groups[ element.name ] || ( this.checkable( element ) ? element.name: element.id || element.name ); },
change to: idOrName: function( element ) { return this.groups[ element.name ] || ( this.checkable( element ) ? element.name.replace(‘[]’, ’’) : element.id.replace(‘[]’, ’’) || element.name ); },
Hi there,
Glad to hear you managed to fix your problem and thank you for sharing it with us, we are sorry for the late reply but we have been on holiday for 5 days (national holiday + weekend) and couldn’t get back to you.
Kind Regards,
Art
Hi,
I wanted to know if you have a site template using Xenon that I can use as it is.
We are building a site + admin for a client and have a tight deadline. Since we already know Xenon (we used for our own site) we wanted to buy and use this for our client admin pages + website. But I couldnt find a website template that uses the same set of CSS…. We cnt afford style sheet conflicts due to the short timeline.
Thank you for the support
Regards, Parag
Hi Parag
Actually users who build with Xenon do not share their sites as showcase, most of them are private applications and not open for public use, that is the reason.
I am not sure what else I can do here sorry about that.
Arlind
None of the charts have directives for angular.. so if you’re trying to use Angular and the charts provided, you have a lot of development ahead of you.
Hi mypants
These charts are implemented before we have released Angular version of Xenon, so we had to implement them in the “old way” because it was not possible to “angularify” that code.
If you need the Charts library used on Xenon demo site, I can send you the files.
Arlind
Where can I get the Demo data on the site currently
Hi henzard
Do you mean the graph data, because the HTML files include all the data you see live in our demo.
If you want to activate the Charts then I can help you with that.
Here is Xenon Documentation Site
Arlind
No the theme at http://themes.laborator.co/xenon/angular/#/app/extra-profile has more views like extra-profile and a nicer sidebar top. I would like a backup of that is I can
Aha I understand, to show user profile sidebar see this screenshot how (controllers.js):
http://drops.laborator.co/Qi2mAnd views are set up in app.js:
.state('app.extra-profile', {
url: '/extra-profile',
templateUrl: appHelper.templatePath('extra/profile'),
resolve: {
profile: function($ocLazyLoad){
return $ocLazyLoad.load([
ASSETS.core.googleMapsLoader,
ASSETS.icons.elusive,
]);
},
}
}).
So when user enters #app/extra-profile it will be redirected to this view.
See documentation about how this works.
Arlind
Hi I have read through the comments could you please send some pointers to interface with laravel 5
Hi henzard,
Can you please post with the account you bought the theme, this way we can verify that you’re a real customer as we do not offer support to users who doesn’t have “Purchased” badge.
Kind Regards,
—Ylli
Can I now have the answer ?
Hi henzard
Xenon theme works well with any framework, but it is not integrated in any, because it is just plain HTML template.
If you have your existing framework you are working on it, you can simply integrate it, by importing the scripts and assets xenon requires (see blank templates) how to do that.
Implementation of Xenon design depends on the framework, and can be determined only by the developer who is working in certain project.
I hope I was clear on my answer.
Arlind
I have a modal popup that I am loading the content from a HTML file. The form contains a find button that executes a get function to retrieve data from the server. The data is bound in the form to a data-table using knockout. The form works properly when the form is loaded directly from the URL; however, when the form is loaded via the modal popup, the button click event never fires. In fact the script referenced in the page is not loaded. Also the modal form is defined in the index.html based on information I found here in the support blog to address formatting.
How can I resolve this issue?
Thanks
Hi rauchm
Depending on your case, the best solution for you would be to include that form as angular directive, this way you can have a control when the directive is executed and have a callback after rendering, this is what I have in mind right now.
This may help you:
http://jsfiddle.net/ftfish/KyEr3/
Arlind
Hi! I have a question about one 3rd party included asset. Form Field Validation.
Adding data-validate=”maxlength5” works. But, how can I add an angular var for the maxlenght value?
I tried: data-validate=”maxlength[{{FieldLimit}}]” data-validate=”maxlength[FieldLimit]”
but they just didnt work. Any idea?
Hi rktmedia,
This question is related to theme developer and I am unable to give you any solution about this because I am not backend developer.
Our theme developer Arlind can help you with this, but he is on a business trip and he will be back tomorrow
When he comes back, just reply to this thread and you will make sure Arlind will see your comment.
Hope for your understanding
Kind Regards,
—Ylli
Hi I am new to angular, just wonder in the angular folder how to i set it up. Because currently when I open the index.html in the angular folder it showed nothing
Hi there,
If you’re new to angular I wouldn’t suggest you using it as it is a bit complicated unless you know how to use it well, you can use the HTML version instead.
Kind Regards,
Art
Hi, why i cannot add Elusive icon ? nothing appear when i add the code
Hi there,
The theme supports only the icons that are in the item description.
Kind Regards,
Art
Hi, but the Elusive icon is in the feature list. check from menu Extra > icon > Elusive
The icon din appear when i add
Hi sheling,
Sorry but Art didn’t knew that. Can you please write us your site URL here on comments first? We need to investigate your site and then get back to you with possible solution
Kind Regards,
—Ylli
Uncaught TypeError: Cannot read property ‘value’ of null
i found out that this err above has nothing to do with ajax.. i can see this err in ur angular online demo for static tables as well
When i click in Side bar menu:
Tables->Data Tables – everything works fine (Search, Sorting…)
then click in Side bar menu:
Tables->Basic Tables and back to Tables->Data Tables
And sorting and search stop working.. and err: Uncaught TypeError: Cannot read property ‘value’ of null
Hi palunus,
This question is related to theme developer and I am unable to give you any solution about this because I am not backend developer.
Our theme developer Arlind can help you with this, but he took a business trip and will be back on 14 September.
When he come back, just reply to this thread and you will make sure Arlind will see your comment.
Hope for your understanding
Kind Regards,
—Ylli
$("#example-1").dataTable({ ajax: '/data/json.data' });
at the first load of page data are displayed correctly.. but when i switch to another page and then back to “datatables” data are missing in the table already and i always get this err msg:
Uncaught TypeError: Cannot read property ‘value’ of null
please do you have any idea what can be the reason?
Hi palunus
I guess you are using Angular version of the theme, thats why this happens.
The version of Datatables I’ve been using when I developed Xenon was from this site:
https://www.datatables.net/But later AngularJS version of DT has been released:
https://l-lin.github.io/angular-datatables/All you need to do is to import in app.js:
angular.module('xenon-app', [ 'datatables', // other modules
// then apply datatable="" attribute to the table
hi arlind,
thank you very much.. it helps and it works now..
also newer ver. of jquery.dataTables and few removed strange characters in AngularJS version of DT.. and all problems seems to be fixed..
