398 comments found

What’s up with the montserrat font directory? I don’t see it included anywhere in your examples.

However I do see it included via an @import url via http://fonts.googleapis.com/css?family=Montserrat:400,700

Is there a reason why you’re not leveraging the local files and instead relying on an external source?

Laborator

Hi patbaker82,

We have developed Neon theme all the time using Montserrat, but we have seen many issues with font rendering, like bold and italic texts so when we have tested Noto Sans, it looks better than Montserrat, thats why we have switched to it. So, the montserrat directory should be something of the past that we have forgotten to remove. Anyway, you may still use it if you want, but the results will be better with Noto Sans font.

Arlind

Default-user

Thanks!

Laborator

Great :)

rhum3 Purchased

Hello,

First of all, thanks for this amazing template. Unfortunately i’ve got a problem with the modal when the left menu is fixed. The modal box is under the gray layer and cannot be clicked. Seems to be a position:absolute problem or a z:index conflict.

Thanks in advance !

Best regards,

Default-user
rhum3 Purchased

Mmmh solved it gotta put the modal html outside .page-container

Laborator

Yes that is correct, that should be outside of the page-container wrapper.

Thanks for your kind words!

For those of you who are suffering from an incompatibility with IE9 on versions prio to 1.5, this is why: IE up to version 9 can only handle up to 4096 css selectors per css file and the neon.css that aggregates all .less files into one big css file just exceeds this limit. All definitions after the 4096th selector will be ignored and therefor the styling is totally broken in IE9.

As v1.5 splits the entire css into multiple parts this limit is no longer an obstacle as long as you don’t add too much additional css to these files. IE <3

Laborator

Many thanks for this clear explanation, you did also a favor for us, I didn’t knew that IE9 or earlier version can accept such number of selectors.

Glad that it worked for you.

Arlind

scuty Purchased

I’ve got a problem with the data table, where the table just doesn’t look right. I sent an screenshot to support and the answer was … “Just contact the author of the component” ...

Anyone here notice anything strange with the datatable?

Default-user
scuty Purchased

You are right, it was my cache, chrome loves to hold on those JS files … Thanks for your time!

Default-user
scuty Purchased

FYI, you are missing the ‘dataTables_processing’ class definition in you css to support the server calls. That is way it datatable was messed up when was used to get content from server.

Laborator

Hi scuty, thank you for your information we appreciate it.

Art

acppca Purchased

Hi,

I would like to know if you can make a frontend template especially for me?

Do you have a website?

Thanks, Alain

Laborator

Hi acppca, for freelance work please contact us directly at info at laborator dot co

Art

Hello, some admin themes are also offering php version, are you planning to add this great and time saving feature?

Thanks

Laborator

Hi kiwii, for now we’re not planning to release a PHP version but maybe in the next updates we’ll see if it is necessary to add this feature too.

Art

First of all, awesome design and an admin theme. I have noticed an issue in most browser on Mac OS (haven’t tested on Windows). When on the fronted home page, scrolling down to the bottom, and looking at the testimonial and client-logo carousels, they keep on changing height on every slide and the text of the testimonials keeps on falling stacking on it self (1 word per row) for a few seconds, every time a slide changes. Can’t seem to figure out what is causing this. If you have any tips on fixing this, would be much appreciated

Default-user
Awesome, the update fixed it but it seems to have gotten the scroller broken in firefox. Also on the portfolio page, the $portfolio_items.isotope('reLayout'); in document ready doesn’t seem to work in chrome and safari (causing the portfolio images not to show up properly (they are not tall enough until the document is resized or category changed)). The issue isn’t present in firefox, opera nor ie10+
Default-user
using $portfolio_items.imagesLoaded( function() { $portfolio_items.isotope('reLayout'); }); seems to fix it though
Laborator

Hi NemesisX, good you managed to fix it on your own, we’ll be collection all the issues at the end and fix them on the upcoming updates.

Art

RTL is not showing fine, is it supporting online or not?

Laborator

Hi umarmughal, the overall structure of RTL is showing fine but it does have some style leaks which we’ll fix in the next updates, the online version is the actual version of RTL.

Art

noud89 Purchased

Using the Time & Date Picker in a modal causes the date picker drop down menu to show behind the modal; the z-index is too low.

Laborator

Hi noud89, we haven’t noticed this bug before, we’d thank you for your suggestion. Unfortunately we have forgotten to fix this in the update which is on the way, for the next update it will be fixed.

Art

nouras Purchased

Is it possible to change chat sidebar to non static ??? if yes, please tell me how.

thanks

Laborator

Hi nouras,

How do you think to change chat sidebar to non-static, can you give me an example because I have not clear what you are asking exactly?

Arlind

Default-user
nouras Purchased

I mean if chat sidebar have more data I want a user to be able to scroll down within the sidebar . Just like the other sidebar on the left.

Laborator

Just remove fixed class from this element:

<div id="chat" class="fixed" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">

to

<div id="chat" class="" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">

It will show native scrollbar of the browser.

Arlind</div></div>

Do you have any detailed information regarding browser version compatibility for non-IE Browser, e.g. Chrome 20+ or something like that?

As I recently noticed, there are people out there using Firefox 7.0 . which doesn’t fully support your theme or parts of it. It doesn’t have to be the exact number but if you can estimate which older versions of the browser are functional that would be nice.

Kind regards Alex

Laborator

Hi Alex, we don’t have a detailed information how the theme works on the older versions of Chrome, Firefox or Safari we have never tested it on older versions just on the current ones of these browsers, on the version that we’ll launch today we have only fixed IE problems.

Art.

After the latest update, when you have a fixed sidebar the height of the page gets messed up:

http://imgur.com/a/LVQef
Laborator

Hi faisalah123

Thanks for reporting this issue, I have fixed it, please download this file:

http://cl.ly/Uh6g

And replace here assets/js/, it will fix this issue, see in the demo:

http://themes.laborator.co/neon/layouts/fixed-sidebar/

Arlind

Default-user

this solution affects part of my web application where I have a fixed footer on some pages (bottom: 0) and your min-height hack changes in height depending on the page and doesn’t show the footer bar.

is there another solution? if not how can I change my footer bar according to the min-height you set?

Thanks!

Laborator

The main reason min-height is applied is because to make the Sidebar menu stick always to the end of document, so if you want to stick the footer to the end you can simply do this with css by applying:

display: block; position: absolute; left: 0; right: 0; bottom: 0;

So the height of main content container will always touch the end of page.

Arlind

Great Theme!

but unfortunately the front-end slider is broken in FF due to a table-cell bug in FF.

cheers

Laborator

Hey krebenik-it,
thank you for reporting this issue, it will be fixed in the next update.

Art

include frontend theme psd files?

Laborator

Hi oostyle,
all the front-end PSD files are included and some of the back-end too.

Art

n3wton Purchased

Good Morning,

I am having a problem getting validation working on a form when the form is part of a modal and is loaded via ajax.

The form has the validate class, but as the form is not present when the parent form loads it does not pick up the validation configuration as it would it if we present on page load.

What is the best way to enable validation on modal forms?

Thanks

Laborator

Hi n3wton,

In modals you have to initialize the validation after the popup is open, here is an example of validation in modal popup:

<a href="#" id="link-that-opens-the-modal">Show form</a>

// Script
<script>
jQuery(document).ready(function($)
{
    $("#link-that-opens-the-modal").click(function(ev)
    {
        jQuery('#modal-with-form').modal('show');

        var opts = {
            rules: {
                name: {
                    required: true
                },

                email: {
                    required: true,
                    email: true
                },

                phone: {
                    number: true
                },

                // and so on with other fields
            },

            // You can apply custom form submit handler
            submitHandler: function(form)
            {
                // Do some stuff here when everything is validated and its OK
            }
        };

        jQuery('#modal-with-form form').validate(opts);
    });
});
</script>

Hopefully you can understand what I have written and it works for you.

Arlind

n3wton
n3wton Purchased

Thanks for this, I will give it a try.

Laborator

Feel free to ask anytime :).

Hi,

Neon theme/template looks really wonderful. We are planning to purchase, but before that could you please let me know whether the pages in Extras ( Login, Register, etc) also follow the skins that are selected? So, could it be white, or do we need to do extra Less work or something to make that change?

Thanks

Default-user

Thanks- that is great.

One more question if you don’t mind: We want to embed this whole look and feel into an existing template… (salesforce pages if you are familiar with). Now we do not want to use iframe or something along those lines but basically add a precedeing class to all css here… For regular bootstrap we just enclosed all with a ”.bs {}” within LESS files and recompiled them and now when we say class=”bs xxxxxxx” it knows it is bootstrap but without “bs” it is regular salesforce css. I understand you guys provide the LESS files from the previous comments… from your experience is this possible to do with your whole template? if so which less files we need to change/update ?

Thanks in advance for all your help.

Default-user

any answer you can provide on this would be really helpful… thanks!

Laborator

Hi anthemecss,

I have never thought about this but tried to apply that class and it worked.

So basically if you download this file:

http://cl.ly/UrQS

You will see this class name in the beginning:

Then you can add to body or html element class “neon-theme” and it will work you.

Arlind

This is a great looking template. Any chance of implementing jPanelMenu for an alternative to the dropdown menu on smaller devices?

Laborator

Hi lukebrowning,

Yes we plan to add other plugins but currently we are busy developing some other themes, so till the next month we cannot release an update for Neon.

Thanks for your kind comments!

Arlind

cjanuzi Purchased

Hi, Is there any way to remove the ‘bouncing’ effect while open a modal? I´ve already commented these lines:

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(); });

...but still opens bouncing.

I´m opening the modal via AJAX:

<div class="modal fade" id="dynamic-modal"> <div class="modal-dialog"> <div class="modal-content" id="dynamic-modal-content"> </div> </div> </div> and the call: $("#dynamic-modal").modal();
Laborator

Hi cjanuzi,

If you want remove the bouncing effect please open assets/js/neon-custom.js

And find this part of code:

// 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();
    }
});

It worked for me, hopefully it will do for you too.

Arlind

Hey, any chance we can see a fix for the fixed sidebar layout for touch devices? I am facing this issue since 1.3 and it is still present, even in the demo. In Chrome mobile the menu sidebar is scrollable horizontally while collapsed which makes the icons disappear. In addition, there is an orange border around the sidebar and the submenu that is visible or was visible. In the uncollapsed state I can’t scroll the menu vertically even though nicescroll’s virtual scrollbar indicates that there is more. The browser itself shows the page-end-reached animation.

I dont know if this is an android specific problem but in the stock android browser it is exactly the same. Tested on an Samsung Galaxy Note 8 in landscape mode.

Besides that, I really love this theme. Saved me a lot of work and it gets better from version to version!

Laborator

Hi Candyffm,

I have noticed this issue, and tried many times to remove that “outline” but couldn’t find a fix for that.

We will try to find alternative ways of implementing fixed sidebar, as for now it has these compatibilities.

Thanks for your words

Arlind

Hi dude, i have couple question.

Why on dreamweaver is so hard to edit the files? My dreamweaver crashes sometimes try to load all styles. any advice?

I m using fixed leftbar – can i help fix footer and fix top bar where have user picture, chat icon, language and logout?

Thanks and 1 more time really good theme.

Laborator

Hi alvarogtc,

I recommend you to open these files for editing:

neon-core.css neon-forms.css neon-theme.css

They are separated from this file: neon.css because this caused the editor to break because of many styles and code highlighting.

As a matter of fact, I do not recommend you to make changes in these stylesheets because each time new version gets released we are going to make changes into all of them, so I suggest you to save your custom style to assets/css/custom.css

Hopefully I was clear in my answer. Thanks for your compliments buddy.

Arlind

Default-user

can you help with this if possible?

i m using fixed leftbar – can you help me fix footer and fix top bar where have user picture, chat icon, language and logout?

Laborator

Hi alvarogtc

To the profile and chat link add this id to “row” container:

<div class="row" id="main-profile">
...
</div>

Then in custom.css add this:

#main-profile {
    position: fixed;
    background: #fff;
    z-index: 100;
    right: 20px;
    left: 300px;
    top: 0;
    padding: 10px 0;
}

This doesn’t happen with the footer, because I tried it but didn’t worked.

You may try to add the fixed container of footer out of the main-content element, so add it in body.

Hopefully this helps you.

Arlind

by
by
by
by
by
by