754 comments found.
Hi,
I have a little problem. I built a system that generates the menu via. a PHP file. The output of the PSD is correct but one of your Javascript files seems to add a “has-sub” to the class of my items that don´t have any sub items. Do you know which Javascript file this might be?
Thank you in advance.
com98
Hi com98,
The responsible script to add “has-sub” classes in Neon menus, is assets/js/neon-custom.js starting from line 1539 to 1642 (function named setup_sidebar_menu)
The same goes also for setup_horizontal_menu which starts at 1714 – 1800
Arlind
Hi Arlind,
Thank you very much for your response, now everything works fine 
Greetings, com98
I’m glad it worked, feel free to ask anytime .
Hi Laborator,
Does this template includes the design of the dashboard and UI in a PSD file?
David
Hi Aer747
Yes it does include several PSD: Login page, front end, and dashboard. The ui elements are not available in PSD format.
Arlind
What plans do you have for the next update and what approx time frame for release?
Hi fluentd,
We are hoping that this will be available in the upcoming week.
If you have trouble with the replaced radio buttons like i had (the initially checked radio button wasn’t displayed as selected -> this behaviour also happens in the live preview for me), just replace line 1923 in file neon-custom.js>
$(".neon-cb-replacement input[type=radio][name='"+name+"']").closest('.neon-cb-replacement').removeClass(checked_class);
with the following:
$(".neon-cb-replacement input[type=radio][name='"+name+"']:not(:checked)").closest('.neon-cb-replacement').removeClass(checked_class);
this removes the “checked” class just from the unchecked radio buttons and lets the checked button as it is.
Hi sighalt,
Many thanks for this fix! It will be included in the next update.
Arlind
Hi, there is a minor issue with form slider when you click on slider directly not dragging slider the result is not correct. I hope it get fixed in next updates.
Hi Themina,
Fixed this issue, it will be available in the next update (check the demo and see they are working).
Thanks for reporting this issue
Arlind
Having same problem as abulama with the modals this for me is a huge issue as my site depends largly on these.
Hi leapit,
There was an issue with declaration of click event, so changing from:
<a href="javascript:jQuery('#modal-5').modal('show', {backdrop: 'static'});" class="btn btn-default">Show Me</a>
to
<a href="javascript:;" onclick="jQuery('#modal-5').modal('show', {backdrop: 'static'});" class="btn btn-default">Show Me</a>
Will work also in firefox, check out the demo and see how it works.
Arlind
great will check it out
Have been able to find something out about making the tabs text turning into icons on mobile devices ?
Yes, just replied to your specific thread about this issue.
There appears to be some invalid css in some of the files, which is causing issues for me since I am building a Rails site and it is breaking my asset pipeline. For the moment I am fixing these myself, but it would be great if these issues could be addressed.
Example: In the neon-core.css file, line 3286.
.page-container.sidebar-collapsed.sidebar-is-showing .sidebar-user-info img {
...
-webkit-transform: scale(1, );
-ms-transform: scale(1, );
transform: scale(1, );
}
I am seeing very similar errors in neon-theme.css and neon.css.
I did not notice these errors in versions prior to 1.5.0
Thanks, jim
Hi Jim
Thanks for purchasing Neon and reporting this issue.
I have took a look to this and there might be something with the Less compiler because I use
.scale(1);
Which generates this unwanted commas, so I suggest you to do the following:
1. Open file neon-core.css
2. Find everything with “, );” and replace with “);“
This will fix the issue
Arlind
The modals (exactly the basic modal) don’t function on firefox and ie. Here is the screenshot http://s14.directupload.net/images/140310/d5gd2nik.jpg
Thanks
Hi abulama,
There was an issue with declaration of click event, so changing from:
<a href="javascript:jQuery('#modal-5').modal('show', {backdrop: 'static'});" class="btn btn-default">Show Me</a>
to
<a href="javascript:;" onclick="jQuery('#modal-5').modal('show', {backdrop: 'static'});" class="btn btn-default">Show Me</a>
Will work also in firefox, check out the demo and see how it works.
Arlind
Thanks,
it functions now.
You are welcome buddy
where is the changelog for 1.5.1?
Hi myhalici,
The 1.5.1 changelog is here:
# Feb 13, 2014 v 1.5.1 * [Fix] Fixed CSS Issues * [Fix] Data folder missing
Arlind
Congrats on 1K+ sales
Thank you very much dear joyontaroy
Much appreciated !!
Great theme, thankyou. Well done on almost nearly 1000 sales
I develop in chrome but just testing my site on firefox before I publish it and see a couple of issues. The background icons for the tiles are pushed lower in firefox, but also the group tile with the vector map doesn’t really work at all.
Thanks
Hi dijichi,
We really appreciate your kind comments and suggestions. I have added them to our Todo list for the next release with fixes. Hopefully we will release the new update during this week.
Arlind
I used Chat box in left side and when I click in cross button to close chat box I first go to right then close itself .
I want it in smoothly that it toggle to left when i click on cross button.
Thanks
Please open “layouts-right-sidebar.html” there you have the chat on left, and if you click the cross it will go naturally to the left and close effect will work good.
Arlind
Hi there,
I was just playing with the file upload on Safari, and it crashes the browser everytime I press on any of the upload buttons.
Works fine on Chrome. Is this a known bug?
Hi awso25,
I have tried all the upload plugins that are incorporated in Neon with Safari browser and they work fine for me. It may be something wrong with your PC/Mac, I am not sure about it, what I have done is I have included them in the theme and used their JS, so it could be that author of the plugin needs to release updates.
Arlind
Hi,
Really impressed with the way the theme looks and works. My only concern is, for certain pages, I will want to strip away a lot of excess js plugins and etc. that I won’t be using.
Is there some sort of documentation that will make this easy? Or do I need to do it by trial and error?
Thanks
Hi innoventmedia,
Firstly thanks for such kind comments.
We have included only the optimal files that are needed to make the page work, otherwise if you remove any of them it can cause page to have errors. For example, this page: http://themes.laborator.co/neon/forms/sliders/Includes only required JS files.
You can eliminate un-needed files so for example if you are not going to use the chat feature, just do not include this file assets/js/neon-chat.js and so on.
When it comes to styling these are the only ones that are required (some optional in some cases)
<link rel="stylesheet" href="http://themes.laborator.co/neon/assets/css/bootstrap.min.css" id="style-resource-4"> <link rel="stylesheet" href="http://themes.laborator.co/neon/assets/css/neon-core.min.css" id="style-resource-5"> <link rel="stylesheet" href="http://themes.laborator.co/neon/assets/css/neon-theme.min.css" id="style-resource-6"> <link rel="stylesheet" href="http://themes.laborator.co/neon/assets/css/neon-forms.min.css" id="style-resource-7">
neon-forms.min.css and neon-theme.min.css can sometimes be not needed but they are preferred to be included (total 500kb)
You can also create more personalized CSS files, but this requires you to be familiar with LESS CSS compiler. This section in documentation describes it:
http://documentation.laborator.co/neon/#5_1Hopefully I was clear on my explanations.
If you have more questions feel free to ask.
Arlind
You were VERY clear in your explanation. Thanks.
That comment about the chat feature is exactly what I’m referring to…your theme is VERY detailed and includes certain things we won’t need….so I’ll just remove the JS files related to each feature we won’t be using.
Thanks
Hi, first of all my compliments on your awesome theme. I’ve got a question about the vertical-timeline.
I import the neon.less file in my main.less file and since i’m still developing i’m allowing the neon.less file to import all it’s required classes. But the strange thing is that the timeline doesn’t work when i just import the “neon-less/vertical-timeline.less” file. If i however copy the css code from : js/neon/vertical-timeline/css/component.css it does render correctly.
Do you have any idea what may cause this problem?
Thanks in advance.
Hi mxa,
It might be with relative URLs that doesn’t work, try specifying the root path for Less parser:
// add this before the script that imports less parser
<script>
less = {
env: "development",
async: false,
fileAsync: false,
poll: 1000,
functions: {},
dumpLineNumbers: "comments",
relativeUrls: false,
rootpath: "http://localhost/your-site/"
};
</script>
<script src="less.js"></script>
Otherwise I am not sure why it doesn’t include it. I use Less.app to compile the CSS, and as you have the neon.less file, it compiles everything that is imported there.
Hopefully I was clear on my answer.
Arlind
Hi there could you please tell me how to stop a modal screen (set to static) from bouncing every time a input or other element is clicked.
thanks
I am sorry but I am not sure about which type of modal you are talking about, can you give me the link that is in demo page ?
thanks for the reply
under ui-elemnts – modals
Confirm to Close
Sure, you can do this by removing the following code in neon-custom.js
// Modal Static
public_vars.$body.on('click', '.modal[data-backdrop="static"]', function(ev)
{
var $modal_dialog = $(this).find('.modal-dialog .modal-content');
var tt = new TimelineMax({paused: true});
tt.append( TweenMax.to($modal_dialog, .1, {css: {scale: 1.1}, ease: Expo.easeInOut}) );
tt.append( TweenMax.to($modal_dialog, .3, {css: {scale: 1}, ease: Back.easeOut}) );
tt.play();
});
It won’t bounce anymore.
Hopefully it will help you.
cool thanks that did the job,
do you think posiable to make it bounce if clicked off modal but not in the modal ?
Yes, I’ve played with it and make it bounce only when click on backdrop
// Modal Static
public_vars.$body.on('click', '.modal[data-backdrop="static"]', function(ev)
{
if( $(ev.target).is('.modal') )
{
var $modal_dialog = $(this).find('.modal-dialog .modal-content'),
tt = new TimelineMax({paused: true});
tt.append( TweenMax.to($modal_dialog, .1, {css: {scale: 1.1}, ease: Expo.easeInOut}) );
tt.append( TweenMax.to($modal_dialog, .3, {css: {scale: 1}, ease: Back.easeOut}) );
tt.play();
}
});
Add this to that line you have deleted.
WOW thanks alot
You are welcome buddy
mm i have a little problem with the responsiveness of tabs. is there a way to change the text to icons when on smaller screen or even better to accordion view ?
So the tabs are getting broken into rows, am I right?
If you could send me a screenshot I will have better idea whats going on.
Arlind
Idealy i just want the text on the tabs to change to icons on small screens.
look at your demo the do not resize at all they just go under each other with no real responsive effect.
thanks
I have modified the markup and came up with this tabs header to turn tabs links into icons when viewing in XS-mode,
Here is sample markup:
<ul class="nav nav-tabs bordered"><!-- available classes "bordered", "right-aligned" -->
<li class="active">
<a href="#home" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">Home</span>
</a>
</li>
<li>
<a href="#profile" data-toggle="tab">
<span class="visible-xs"><i class="entypo-user"></i></span>
<span class="hidden-xs">Profile</span>
</a>
</li>
<li>
<a href="#messages" data-toggle="tab">
<span class="visible-xs"><i class="entypo-mail"></i></span>
<span class="hidden-xs">Messages</span>
</a>
</li>
<li>
<a href="#settings" data-toggle="tab">
<span class="visible-xs"><i class="entypo-cog"></i></span>
<span class="hidden-xs">Settings</span>
</a>
</li>
</ul>
You can also view it live here:
http://themes.laborator.co/neon/ui/tabs-accordions/wow thats exacly what i need thanks mate (this is what support is all about) i here there will be an update this week or shortly any new features to look forward to or just updates ?
Thanks for your comments buddy.
Yes we plan to release the new update, but since the designer is not currently here, he is in vacation, we have postponed the release date, because we need him to make the design for other pages.
Hang on, go to My Account > Downloads and then on Neon theme check this box:
http://d.pr/i/oNgn“Get notified by email if this item is updated”
as I can change the title and the name of the pdf file, exel? because when you save the file gives me a default name.
Hi chubbybear,
Are you talking about the Data exporter for DataTables?
Please open:
~/neon/assets/js/datatables/TableTools.min.js
On Line 2505 set
“sTitle”: “your file name”
Arlind
thanks 
You are welcome buddy
Hi chubbybear__
I’m Ylli from Laborator,
Recently i saw that you have rated our Admin theme “Neon” with 4 stars on Themeforest.
Can we please ask you if it was by mistake or that was just your preference to rate us with 4 stars?
If you have made mistake, you can change rating again if you want, by just going to your Downloads tab on Themeforest and improving your rating.
Hope that Neon has server you well, and you did great project with it smile emoticon
Thank you very much, and sorry for disturbing you.
Kind Regards,
—Ylli
Hi. I really love this theme. I wanted to use it as a regular corporate website itself though. Is this possible. I’m used to wordpress. Is this possible. I would like to use this as my main site – but it comes across as just an admin panel of some kind. I like the simple, sort of partitioned look about it though: http://themes.laborator.co/neon/dashboard/main-3/
Hi bcatkins, you can use the theme as a front-end theme also but it isn’t for a CMS or a platform like WordPress, it is only HTML and CSS (less), you can personalize and use it for any type of website.
Art
Hi there
Where to change the datepicker date format
Thanks
I found it
Hi jsoft2014,
Sorry for the delay of reply. Glad that you have managed to fix it.
Arlind
if is possible please reply for a post made by me above
Thanks
Sure, I am going along all the request, as soon as the line comes to your question I will reply, no worries
Arlind
Hi there When I collapse the side menu “Table with Column Filtering” table is not re sizing http://i.imgur.com/P2AcRxp.png
what is the issue
Thanks
Hi jsoft2014,
We have fixed this, and it will be available in the next update (v1.5.2)
