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

Thanks for this, I will give it a try.

Feel free to ask anytime .

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

Art

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

Art

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

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!

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

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.

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

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.

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>

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

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

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+

using $portfolio_items.imagesLoaded( function() { $portfolio_items.isotope('reLayout'); }); seems to fix it though

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

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

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

Art

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

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.

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

Art

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

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

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

Thanks for your kind words!

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

Thanks!

Great

Hi bunzolo, actually Neon is just a backend HTML template and because of the CMS (WordPress, Joomla, Drupal) do not allow to change the whole look of the admin area we’re not planning to release it for any other use.

Art

Hi caioarias, the other PSD files that I have not included are the UI pages and the new updates, the layers are not named and the groups are messed up a little bit, but anyway here are the links to download these files:

New update files:
http://cl.ly/1L3o0l3w350U

The UI Pages (buttons, alerts, tables etc…):
http://cl.ly/3b183J0s1Y32

Art.

Hi thomasdriskill, the font used for the logo is Montserrat with a little modification.

Art

Hi awso25,

Modal content is by default hidden until user initiates the modal window to open, so when you load the JavaScript for Highcharts it wont render because the modal is hidden, thus it cannot make calculations until the DIV layer is visible on the page.

My suggestion are that you need firstly to show the pop up, then render the chart, this might help you to create the idea how to:

jQuery(document).ready(function($)
{
    $("#your-link-to-modal").on('click', function(ev)
    {
        ev.preventDefault();

        jQuery('#modal-1').modal('show');

        // Here you include the code to render the High charts, after the modal is shown
    });
});

Hope it helps you.

Arlind

Hi fluentd, the PSD UI was not included in the last versions because it was un-rendered and layers were messed up, anyway I have put together all the PSDs I could find: http://cl.ly/3b183J0s1Y32

Art