520 comments found.
Hello!
Is there an easy way to create a registration page? (Like you already have a login page).
Also, are there any other pre-coded templates (maybe for the backend?) that make sense to be used with Xenon?
Hi there,
The pre-coded templates are located under the Extras, if you’re good at HTML then creating a register page wouldn’t be so difficult.
Kind Regards,
Art
hi, I very much appreciate your templates. I first got Neon, and then switched to Xenon to use Angular. My objective was to avoid having to dive into the HTML with jquery and focuss on the model and data exchange. In the end, I find it hard to pass data from the model to the HTML. Is it linked to this error I get when I run the template (right out of the box) :
angular.js:10072 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:8000/app/js/angular/angular.min.js:6:450 at http://localhost:8000/app/js/angular/angular.min.js:60:173 at http://localhost:8000/app/js/angular/angular.min.js:72:199 at F (http://localhost:8000/app/js/angular/angular.min.js:100:187) at F (http://localhost:8000/app/js/angular/angular.min.js:100:187) at http://localhost:8000/app/js/angular/angular.min.js:101:350 at k.$eval (http://localhost:8000/app/js/angular/angular.min.js:112:68) at k.$digest (http://localhost:8000/app/js/angular/angular.min.js:109:168) at k.$apply (http://localhost:8000/app/js/angular/angular.min.js:112:398)
Hi
Firstly thank you so much for being a loyal customer and that you like our themes.
Do you run the theme directly when clicking index.html? If so then you should put it in web server, and access it from server side, for example:
http://localhost/xenon-files/If you run the theme from scratch, it will open by default in web server.
It is quite hard to handle these errors in Angular so always pay attention if something breaks before you code too much.
Arlind
Thank you Arlind for the piece of advice, but it seems that you recognized that the bug was on your side, as you came up with a fix for fheald.
Here is another one : on dashboard variant2, the graphs are not updated with selected data, it is because the keyword the rangeselector is onSelectedRangeChanged and not SelectedRangeChanged.
Nevertheless, you theme is very nice. (a bit more angular would have been better though).
Yves
Hi Yves
You are right, Xenon needs more “angularification” because it contains many standard events that in Angular are defined in another way but actually we are not able to provide another update as we are more focused on developing WordPress themes.
I am really glad that you like our theme.
Best regards,
Arlind
Hi,
While I am using this theme, I come across an issue as follows. On advanced plugins -> select2 Elements -> I need multiple select with remote data. At the moment, multiple select not working with remote data. Please update it and send to us.
Regards JIs
Hi JIs
I saw that our bundled version of Select2 is 3.5.1 and the latest version 4.0.1, so I guess thats the reason why the multiple select doesn’t work.
We will update it in the next release of Xenon.
Arlind
Our support will expire in few moths. So, how long it will take to update it. It seems like it is working fine in version 4.0.1. Also, it is our current requirement and how could you help us please.
Hi jissavvy
Don’t worry about that, the update is released to all members who have purchased Kalium, doesn’t matter if its expired or not, you can still download the update.
“Support package” is required when you post here in forum about any request.
Arlind
hi i’m uising devextreme in your this project when i use dxchart within angularUI bootstrap tabset , chart does not render and there is an console error with this message :”W2001 – dxChart cannot be drawn because its container is invisible”. is there a way to render chart in container such a tab or panel. when i move chart directive out of tab , chart render without problem.
Hi sandruspsp
I understand the issue here, so before you execute chart render function, firstly make that container tab of chart visible with simple jQuery function $( ".element" ).show() then render chart, and immediately call $( ".element" ).hide() and chart will show properly.
Arlind
Hi sandruspsp,
Hope that you are well 
We saw that you have rated us with 4 stars. We just wanted to ask you if you have any problem with Xenon, or if you have any questions please feel free to tell us, we will try our best to give you a solution to your problems/question relating to our theme
Have a nice day
Kind Regards,
—Ylli
clicking the profile link at the top right does nothing. the options should drop like the one from the demo, also realtime filter by range from dashboard 2 does not show. thanks a lot! awesome work!
Hi pageboy_ph
Do you see any “console errors” because if there is any error then this might prevent other functions to properly work.
Send me screenshots of console log and I can give you a proper answer to it. If you have live URL so I can test by myself that would be great.
Arlind
My bad, everything was working well except for the range filter in dashboard 2. here is the link to the print screen http://prntscr.com/9oqj9p
Hi pageboy_ph
There is an issue in this function date(), can you please send me your xenon-custom.js file so I can check and fix this issue.
Best regards
Arlind
Hi
How to install the theme? And can i install it in any folder? Can’t find any guides.
Kevin
Hi Kevin,
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
Once I have installed this theme I’m getting de following errors: 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/xenon/angular/app/js/angular/angular.min.js:6:450 at http://localhost/xenon/angular/app/js/angular/angular.min.js:60:173 at http://localhost/xenon/angular/app/js/angular/angular.min.js:72:199 at F (http://localhost/xenon/angular/app/js/angular/angular.min.js:100:187) at F (http://localhost/xenon/angular/app/js/angular/angular.min.js:100:187) at http://localhost/xenon/angular/app/js/angular/angular.min.js:101:350 at k.$eval (http://localhost/xenon/angular/app/js/angular/angular.min.js:112:68) at k.$digest (http://localhost/xenon/angular/app/js/angular/angular.min.js:109:168) at k.$apply (http://localhost/xenon/angular/app/js/angular/angular.min.js:112:398)(anonymous function) @ angular.min.js:92
Any idea?
Hi luispozoquerol
The problem is that you need to setup the theme in webserver, if you open the index.html file (angular version of Xenon) directly it won’t open, you must move those files on localhost or existing hosting provider.
This way Angular requires to setup the environment.
Arlind
Hi, I bought your item thanks.
1. One question, what is the best way to set this up or edit this? I can’t find the index.html to see it fully working.
2. Can I add more users for this? I don’t want it to use it as an admin panel, more like a platform, is this possible?
Look forward to your responds.
Hi hansvbergen
Sorry for the delay of the answer, as we were on holidays break and support team was partly active.
1. The best editor depends on your preferences, I use Coda 2 (Mac OS) and works really fine. If you are using Windows then Sublime text is fine.
In main Xenon files you have that dashboard-1.html file, that is the index.html, but we haven’t duplicated it. If you want to instantly create something blank-{page-name}.html those have basic structure included with no extra content.
2. This depends on the platform you are trying to integrate Xenon. Actually this is just a HTML template and to create and manage users/tasks or anything you can figure out, you (or your developer) needs to implement these features.
I hope I was clear on my explanation.
Arlind
Hello I have some problems with xenon theme (html version, not angular). I found differences between the preview and the purchased theme. When I change orientation from landscape to portrait on ipad device, the preview shows the “XENON” logo at the top left and 3 icons at the top right. But the purchased theme shows just “XE” logo at the top center. I need it like preview.
You can help me solve this problem?
Regards
Hi
I have tried the same thing on my computer and it didn’t worked. I guess there is some missing CSS in distributed files so can you please try do download these files:
http://drops.laborator.co/CB0o+Extract and replace them in assets/css/ folder. This should fix your issue.
Arlind
Hello I have other problems with xenon theme (html version, not angular). I found two other differences between the preview and the purchased theme. 1- When I change orientation from landscape to portrait on ipad device on purchased theme, sidebar-menu menu does not work properly: the second level of the menu is not shown. 2- In every device, if menu is collapsed and I tap (or click) in active voice, the second level of the menu is not shown. If you need more information, tell me how I can send screenshots.
You can help me solve this problem?
Regards
Hi antoineas
This problem was reported previously and I have fixed this, please download this file:
http://drops.laborator.co/1bqCX+And replace it in assets/js/ folder.
Tell me if this worked for you?
Best regards
Arlind
Are we able to control
Hi sheling,
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 or Art can help you with this, but they took the holiday vacation and they will be back on 04 January.
When they come back, just reply to this thread and you will make sure Arlind or Art will see your comment.
Hope for your understanding
Kind Regards,
—Ylli
hi, any solutions for control width of data table?
Hi sheling
Do you mean column widths? This is by default supported by tables and DataTables respects the width ratio. However I guess you are trying to set up responsive tables, so here is an article that can help you with this issue:
https://datatables.net/extensions/responsive/examples/display-control/auto.htmlArlind
ya, column width, because some column just show number value, but it auto leave a huge width for it, look not nice. can we control the width ratio?
Hi sheling
This can only be controlled with CSS Media queries for example at specific width you may assign different width:
@media screen and (max-width: 768px) {
/* Here apply the width for that column */
}
@media screen and (max-width: 570px) {
/* For smaller screen, and so on */
}
I hope this helps you.
Best regards
Arlind
Will your XENON update be available this year?
Hi jcholtsf,
We will update Xenon next year.
Happy Holidays
—Ylli
Any Updates?!
Hi chickenmove,
We will release an update to Xenon next year
For the moment we don’t have so much things on our to-do list for Xenon, we will gather some more nice ideas, and we will include on Xenon on the next update
Kind Regards,
—Ylli
i am interested in your theme. want to know the pricing. and what else is not included in 24$. and other support kind of thing.
Hi there,
Included in the theme is everything you see in the item page that is advertised.
Kind Regards,
Art
Hi, Do you have an expand screen option for the html version??
Hi there,
It is possible but once you click on any link then the page will refresh and get back to it’s normal state.
Kind Regards,
Art
That’s ok, how would I convert it to work within the html page.. currently is it:
??
Hi there,
Can you be more specific please, what I can see is a dot from the list and nothing else, what do you want to activate? As I said earlier the expand doesn’t work in the HTML version.
Kind Regards,
Art
Hi, I buyed your Xenon (Angular) theme and I liked so much. Congrats.
Now I’m trying to use checkboxes (like the ones on your examples: in Forms/Native elements/ Checkbox styles on http://themes.laborator.co/#theme=xenon)
But I had a problem when I tried to change the state of a checkbox element from the controller.
If I define the checkbox as:
<input type=”checkbox” class=”cbr cbr-purple” ng-click=”buscador1=!buscador1” ng-checked=”buscador1” ng-model=”buscador1”/>
I can’t change its checked state.
But if I don’t use the “cbr” and “cbr-purple” classes, I can change the checked state.
In both cases, I used only one sentence (in the controller) associated to a button event:
$scope.buscador1 = false;
What can be the problem? How can I change the status of the checkbox (keeping the “cbr” and “cbr-purple” classes) ? Am I doing something wrong?
Thanks a lot.
Hi perceptumcl
The best way is to use a function (when using styled checkboxes), this form:
<input type="checkbox" class="cbr cbr-purple" ng-click="switchState" ng-checked="buscador1" ng-model="buscador1"/>
// The JS function should look like this
function switchState() {
$scope.buscador1 = ! $scope.buscador1;
cbr_recheck();
}
This should work for you.
Best regards
Arlind
Hi Arlind, Thanks for your answer, but I still have problem with the styled checkboxes. The checkboxes work fine when I press it (with your code or mine), but if I try change their state (check/uncheck or uncheck/check) from a button, the function doesn’t work (the checkbox doesn’t change its state): code:
//html file:
//checkbox:
<input type=”checkbox” class=”cbr cbr-purple” ng-click=”switchState()” ng-checked=”buscador1” ng-model=”buscador1”/> ...
//button for change state (in same html file) :
<button class=”btn btn-secondary btn-icon” ng-click=”limpiar()”> Limpiar </button>
//angular controller:
$scope.switchState = function(){
$scope.buscador1=!$scope.buscador1;
cbr_recheck();
};
$scope.limpiar = function() {
/Clean other elements and the checkbox*/
$scope.switchState();
};How I change the state of checkbox, using styles, from a button?
Regards,
Hi
I’ve noticed a bug in cbr_recheck() method, so here is the fix:
http://drops.laborator.co/Hw33+Download the above file and replace it in app/js/xenon-custom.js
Then the code you have right now should work.
Arlind
Hi,
Thanks for your help. Now my code works, but I need to press two times the button to change the checkbox status. Should I use other method instead cbr_recheck()?
You may assign it in setTimeout method, in the same method:
// find: cbr_recheck(); // replace with: setTimeout( cbr_recheck, 10 );
This should work.
Arlind
Great, it works! Thank you very much!
Hi, i have a problem with login page: with chrome and saved form i see that: http://postimg.org/image/ttjut8i0j/
I try to add autocomplete=”off” but not work. Can you help me?
Hi
I’ve tried for 30 minutes to find a solution for this but was unable to do so! It seems that this is not possible via JavaScript 
You have to simulate something else to enable this feature, for example on document ready set field value to empty.
Hope this will work for you.
Best regards
Arlind
I have a problem with the xe-widget provided with the theme. Basically I am trying to set the value from angular based off an event.
Here is the HTML:
0 TotalIf I set the total variable in my controller from the initialization then everything works fine. However If I need to set this variable based off some users interaction (like pressing a button), then the value just doesn’t get set at all. What is the proper way to set the variable from angular when waiting for a user interaction?
Hi dlusions
Can you please try a fix for this which is suggested by a Xenon customer, see here:
http://themeforest.net/comments/9060509And tell me if that works for you?
Arlind
I have a problem with the xe-widget provided with the theme. Basically I am trying to set the value from angular based off an event.
Here is the HTML:
<div style="min-width:150px;" class="xe-widget xe-counter xe-counter-info" data-count=".num" data-from="0" data-to="{{ total }}" data-suffix="" data-duration="1" data-easing="false" data-delay="1">
<div class="xe-icon">
<i class="linecons-tag" />
</div>
<div class="xe-label">
<strong class="num">0</strong>
<span>Total</span>
</div>
</div>
If I now set the total variable in my controller from the initialization then everything works fine. However If I need to set this variable based off some users interaction (like pressing a button), then the value just doesn’t get set at all. What is the proper way to set the variable from angular when waiting for a user interaction?
Hi there, 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,
Art
I Have a quick question ,
Am thinking of creating new app using ur theme.
once the app is ready it goes live in ios , android .
What kind of license i have to buy it ?
Hi brillianttechies
Thank you for being interested in our theme. Here is the information about which license may fit to you:
If this is true:
Use, by you or one client, in a single end product which end users can be charged for.
Even if you submit it on App Store or Play Store.
Then you need to purchase Extended License.
If this is true:
Use, by you or one client, in a single end product which end users are not charged for.
Then you can just purchase Regular License.
Arlind
Hey Everyone,
I am working on adding a subfolder to house a new set of pages. When following the example for my-page under adding menu items and creating views, I can successfully add and modify the menu. When I try to add a subfolder under the tpls folder instead of directly adding pages to the tpls folder I cannot create successful menu items. Example, instead of my-page.html under tpls, I would like a subfolder like ui or extras where the new pages are housed in groups. I have picked through he site /code and I can’t find why this isn’t working.Any ideas?
Hi AllisonRichter
To create a custom page or number of pages the sub-directory rule is applied to both URL and Template path, so for example you need to add it under app route. For example here are a sub set of items (URL Routes):
Then to set them up as Menu items they just need to follow the path of URL route in order to link to the proper template route file from the menu:
http://drops.laborator.co/1iSnfHopefully this helps you.
Arlind
