520 comments found.
Hi,
This is Sasidhar I purchased the Xenon Template.
I found one difference between the online and downloaded template.
User badge and some buttons(Edit Profile, Mail box and singout) on side bar is missing in downloaded template.
Can you please suggest do I need to do any changes inorder to get that enable.
Note : I purchased this template by seeing look and feel. If user badge is not avaiable then it is not looking that effectively.
Please do the needfull on the same.
Thank you.
Hi there,
This is strange, van you please tell us on which version this is happening? HTML or AnglarJS?
Kind Regards,
Ylli
In both the templates.
Hi Sasidhar,
just re-downloaded Xenon and tested this, it is displaying good for me. Opened the dashboard-1.html file and it seems to work fine.
Kind Regards,
Art
Hi,
Tried implementing bootstrap drop down with submenu. The submenu is not displayed. Is there any restrictions with multi level drop down menus?
Hi vembu, unfortunately for the moment Arlind is sick and can not reply this question until next week, hope for your understanding.
In the mean time can you please read Xenon Documentation, there you can find a lot of answers for your questions 
Kind Regards,
Ylli
Thanks my issue is resolved
Any news about register page.. With Facebook Act, Twitter, and Google + ?
Hi ZSocialMedia, hmm we will consider that, but i don’t think that this feature will see the light any day soon.
Kind Regards,
Ylli
hi, nice work your template, but i have a problem i am using the selectBoxIt with ng-options after read a post achieve worked perfectly but when I change the page doing click in other option in the left side menu and come back to the same page the styles gone
any ideas?
html:
..... <script type=”text/javascript”> jQuery(document).ready(function ($) { $(”.multi-select”).multiSelect({ afterInit: function () { // Add alternative scrollbar to list this.$selectableContainer.add(this.$selectionContainer).find(’.ms-list’).perfectScrollbar(); }, afterSelect: function () { // Update scrollbar size this.$selectableContainer.add(this.$selectionContainer).find(’.ms-list’).perfectScrollbar(‘update’); } }); </script> ..... <select id=”sboxit-4” ng-model=”seleccionado” ng-options=”formato as formato.label for formato in formatos”> </select>
$(".selectboxit").selectBoxIt().on('open', function () {
// Adding Custom Scrollbar
$(this).data('selectBoxSelectBoxIt').list.perfectScrollbar();
});
setTimeout(function () {
$("#sboxit-4").selectBoxIt({
showEffect: 'fadeIn',
hideEffect: 'fadeOut'
});
}, 100);
});Hi EduardoCL, unfortunately for the moment Arlind is sick and can not reply this question until next week, hope for your understanding.
Kind Regards,
Ylli
ok, thanks,for your reply . i will wait for it
Why am I getting these ‘Error: xenon-core.css:6955:1: Unclosed block’ errors when trying to compile the less files with Gulp?
Thanks!
Hi freakstyling, unfortunately for the moment Arlind is sick and can not reply this question until next week, hope for your understanding.
Kind Regards,
Ylli
what is the ng-class in the body tag for. when i leave it uncommented, the front page displays funny
<body class="page-body" ng-controller="MainCtrl" ng-class="{'settings-pane-open': layoutOptions.settingsPane.isOpen, 'chat-open': layoutOptions.chat.isOpen, 'login-page': isLoginPage && isMainPage false, 'login-light': isLightLoginPage && isMainPage false, 'lockscreen-page': isLockscreenPage && isMainPage == false, 'right-sidebar': layoutOptions.sidebar.isRight, 'boxed-container': layoutOptions.container.isBoxed}">Hi bluecoder, unfortunately for the moment Arlind is sick and can not reply this question until next week, hope for your understanding.
Ylli
Any update on my question?
We will release the new update this weekend, sorry for the bug.
Kind Regards,
Art
Hi
Have you tried using this template (none Angular JS just straight HTML /JavaScript) with the fixed Column extension for DataTablets , as we really need to hold the left column on the screen and fix the table width, but the templates CSS and the DataTables css just clash and we end up with a mess.
It even happens with the datatable example unchanged when the scroll options are removed the problem disappears, but so does the required functionality.
Any ideas ?
Hi DavidSimonKnowles, unfortunately for the moment Arlind is sick and can not reply this question until next week, hope for your understanding.
Ylli
No probs, get better soon
Glad to hear that from you
Ylli
Issue : Style not loading after applying custom javascript call in the fields.
Hi anassparx, unfortunately for the moment Arlind is sick and can not reply this question until next week, hope for your understanding.
Ylli
Hi Might be a silly question, but which file do I need to edit in the angularjs version to change the name of the theme in the browser tab?
Hi lindyl00
To change the window title just use plain javascript:
document.title = 'Your title';
Anywhere in the code and it should work properly.
Art
Hi Gents/Ladies…
Looking at purchasing BOTH Xenon and Neon themes from you. Can you think of any reason these two will/won’t play together well?
Many thanks!
Hi richard654
Xenon and Neon are both from the same family (Bootstrap) and they can be used separated to work with them. The feature set of these themes is similar so it is up to you which design you like more, except Xenon includes Angular JS.
But, these two themes cannot be mixed together because the code and implementation is different, Xenon has better and clean code, as it is our second theme and every time we do something new we increase the code quality, thats the difference.
Art
I modified app.js to use the login page as the main entry point:
$urlRouterProvider.otherwise(’/login-light’);
Additionally, I modified controllers.js MainCtrl method to change the default theme to be the facebook theme:
$layout.setOptions('skins.sidebarMenu', 'facebook');
$layout.setOptions('skins.horizontalMenu', 'facebook');
$layout.setOptions('skins.userInfoNavbar', 'facebook');My issue is that the sidebar, horizontal bar and the user info navbar all show the Facebook color as the default, but the login-light page still uses the default color. When I login and then go back to the login-light page, it uses the correct Facebook color, but on the initial load it is using the default color.
What do I do to get the login-light page to default to the Facebook theme color?
Hi anad2312
This must be a bug and we will try to fix in the next update of Xenon, however you can include the skin in login page by adding this class to body “skin-facebook”
I hope this will work fine for you.
Arlind
How do I do this using your code? I do not see a body tag in the login page. Thanks
Hi there,
You need to change the body tag, this image will help you to understand that.
Oh gotcha… that worked!
I see that you are using the UI Router, which is great. However, when you login I see that you are doing:
window.location.hash = '#/app/case-summary';Is there not a way to use States for this as well, versus doing a window location? I really need to use States for this as well.
Thanks
Hi there,
Unfortunately for the moment Arlind is sick and can not reply this question until next week.
Hope for your understanding.
Kind Regards,
Ylli
Hi,
In angular js -> tables -> datatables—> table exporting table, when i add more columns then alert appears containing message ‘Datatable warning, table id=example-4, requested unknown for parameter 6 for more 0’, how can i resolve this?
Hi
I am not sure about this issue however please check when adding columns to make rows fit the values. I have never tried this but this is what I have in mind.
Arlind
Awesome theme! Its going to take a while to learn how it works. I deployed it on my server just to see that I have all the dependencies covered.
Some features don’t work. http://think-a-doo.net/xenon/angular/#/app/charts-map-charts http://think-a-doo.net/xenon/angular/#/app/extra-timeline http://think-a-doo.net/xenon/angular/#/app/extra-timeline-centered http://think-a-doo.net/xenon/angular/#/app/extra-maps-google http://think-a-doo.net/xenon/angular/#/app/extra-maps-advancedAny ideas?
Andre
Hi Andre
Thank you so much for your kind words.
I am sorry about these issues, so here are the quickfixes for you:
1. Open assets/js/directives.js on line 51 set value from true to false
2. Download this file and move app/js/angular-google-maps/ folder
Thats all. I hope this will fix it fast.
Arlind
Hi, how can i change default page in angularjs, like when i open it displays variant-1 page, i want another page to be displayed
Hi
To change it open app/js/app.js
On line 34 you see:
$urlRouterProvider.otherwise('/app/dashboard-variant-1');
Replace with (for example):
$urlRouterProvider.otherwise('/login');
It changes the default page.
Arlind
Thanks for your help, but horizontal menu is not showing, i have tried to display in directives.js but failed, and from where can i find names of sidebar-menu.html?
To hide the horizontal menu
In controllers.js in LoginCtrl where you see this code:
controller('LoginCtrl', function($scope, $rootScope)
{
$rootScope.isLoginPage = true;
$rootScope.isLightLoginPage = false;
$rootScope.isLockscreenPage = false;
$rootScope.isMainPage = false;
})
Modify and add this one:
controller('LoginCtrl', function($scope, $rootScope, $layout)
{
$rootScope.isLoginPage = true;
$rootScope.isLightLoginPage = false;
$rootScope.isLockscreenPage = false;
$rootScope.isMainPage = false;
$layout.setOptions('horizontalMenu.isVisible', false);
})
This should work fine for you.
Arlind
Hi there,
i bought your product to use it in a mainly chart-centered website, only to find out that i can’t do that, since you do not provide the charts in the paid download. A 30-days-trial doesn’t help at all.
That fact was not obvious when I paid for the product. You should really state very clearly before selling, that people do not get what they pay for.
What are my options now? E.g. do you offer a similiar product that does contain – legally and free – working full blown charts? If not, and I have to research, pay for, and embed other third-party-charts libraries, I want my money back as soon as possible.
Thank you very much for any advice,
Hi,
you can take a look at the theme item page, scroll down a little and there you can see the note for the charts.
We have another theme “Neon” where the charts are free but it is an older theme and it has not been updated for a while.
Kind Regards,
Art
In case there is nothing else you could offer me, I will have switch to a different, more professional product, in order to be sure no further pitfalls like this one will arise…
Regards
Hi
Well, we are sorry about that, we will also include the text for it, we thought it is enough.
We have requested from the Charts DevExpress to get the developer license for distribution and we were ready to pay the full license but they do not allow it. Thats why we should not include the charts in the download file however many of our clients who have dowloaded and used charts they didn’t had a trial period ending if they have downloaded the charts library.
Art
Hi there! Really love the versatility off your dashboard/admin template. But I discovered a little ‘bug’.
It regards the top user-menu and its dropdown list. In chrome it works as expected with the possibilty to click the menuitems in the dropdown. But in Firefox the links are not clickable. It shows the links, but there is no-interaction (darkening of thecharacters) and no link-clickaction.
FWIW: I’m using Firefox 35.1
I found the ‘problem’ the .dropdown-backdrop container is drawn on top of the dropdown ul. Adding .dropdown-backdrop { z-index:0;} resolves it.
Hi Fabridge, are you talking about this part? And for the HTML or AngularJS version?
The dropdown links are just for the demo purpose and don’t send you to another page, in this case only Logout button sends you to the login page.
Ylli
I’m using the HTML version. I know the links (except for the logout) will not work (link action). Although in Chrome the hover on the links do work: font-color goes from grey to black. But even the logout did not work. As mentioned above, the dorpdown backdrop, although complete opaque lays over the dropdown resulting in a ‘staled’ dropdown menu. Adding the z-index parameter to the dropdown-backdrop resolved it.
Hi farbridge, thank you for reporting that, we will make sure to fix that and release a new update when we have to introduce new features and updates to Xenon.
Please forgive me, i didn’t saw your comment with “z-index” because in that time i was writing to you and i didn’t refreshed the page before sending message to you.
P.S: Can i know why you rated us 4 stars? Was it by mistake from you, or other reason?
Thanks,
Ylli
Hi Ylli, thanks for getting back with me. No worries about the cross-post Happens to me all the time too
I added a review to the rating. I really like your theme! Out of the box it’s loaded with features which make it heavy. But that might be my bad because I’m not using less/sass to strip out the not used elements.
Hi farbridge, glad to hear that
You are the first costumer that are complaining about this problem, it’s strange because on Xenon we have used the latest technologies to make it faster and we tried to make the code simple and remove unnecessary code.
Thank you for the rating, we will try to give our best on the later versions
Ylli
In Angular, when i set the skin from Theme skins page (#/app/layout-and-skins) it sets. But when i reflesh the site in home page it doesnt apply skin. i need to open other page to see skin applied. What do i need to see skin when first time open the site? Thanks. Hasan.
Hi Hasan
If you see in demo it works fine the skin switcher which also is applied when refreshed the page. Please make sure you have set the skin via these variables:
$rootScope.layoutOptions = {
skins: {
sidebarMenu : '',
horizontalMenu : '',
userInfoNavbar : ''
}
};
Arlind
Yes. In mainCtrl i set same. Im running project locally. Does it matter? But cant see.
Yes, I use the same but works fine to me even in localhost.
You can also try this form of setting skin:
$layout.setOptions('skins.sidebarMenu', 'navy');
Also make sure you haven’t removed this line of code which remembers all the changes you made:
$layout.loadOptionsFromCookies(); // remove this line if you don't want to support cookies that remember layout changes
Arlind
Hi, I noticed that in my theme selector page, horizontalmenu skin has default value selected. But your it is null. Can it be the problem?
Hi, could you please watch this? https://db.tt/Q0BTR9Hq
Hi
Now I was able to see what is wrong there, so just remove this line:
$layout.loadOptionsFromCookies(); // remove this line if you don't want to support cookies that remember layout changes
And everything will work then.
Arlind
Hi, Im facing an issue where i have an ‘image cropper’ and ‘autogrow text area’ in the same page. I have set rows=5 for the text area, but when I start typing in the text area, the rows reduce to default(2, i believe). This happens only if the cropper.js is imported in the html. If i remove the import, it starts working again properly.
Hi richypm
We should see what is causing this issue and probably provide a fix for this, but the best way for you is to apply a min-height css property to avoid this problem.
Arlind
Hi,
I am trying to use the html version and have a question. If I convert the pages to .php instead of .html, lets say login.html to login.php I receive an javascript error like this:
jquery uncaught typeerror: undefined is not a function
It is referring to this function:// Validation and Ajax action
jQuery("form#login").validate({ ... });
I know that I can use ajax, but in some cases I would like to do some in-page php. Why am I getting this error and how can I surpass this?
Hoping for help and thanks in advance. Love the theme (y)
Hi
Thanks for your kind words first.
Sorry about this but we have forgot to include the jQuery validation library thats why this error happens and not for the php extension that you have added.
To fix this just import
<script src="assets/js/jquery-validate/jquery.validate.min.js"></script>
And the issue will be gone.
Arlind
Hi,
I’m using the AngularJS version and I have a question about form-wizard. It is working well except that I cannot go directly to a tab as it reloads and routes to the homepage. The next and previous pagination works well. How do I solve this? Thanks.
<a href="#tab" data-toggle="tab">
</a>
This link loads the homepage.
Hi
This has been imported directly from the HTML version so thats why this happens when clicking on tabs.
For this to fix I suggest you to apply the event.preventDefault() on links that switch tabs to see if that fixes the tab switching.
Arlind
