Found missing script. Thank you for the fantastic full featured theme!

Ahh, great to hear that.

Have fun using it.

Arlind

So just to confirm, if you move the form tag to just after the page-container class it will recreate the error.

Cheers!

lol hi again Arlind, after all that I have fixed it!

Obviously I was removing the form element as it already has a .Net one in, but the form had the class on it for styling:

<form role=”form” class=”form-horizontal form-groups-bordered”>

So I just changed that to a div instead to maintain the style, ie

And now it works awesome. Thanks for the initial reply. Great to know we can get in touch with you guys about stuff

Hi SImon,

Dont worry buddy, if you need help we are here always. Thanks for your kind words.

Arlind

Hi ajayver,

Here is the updated version for this topic:

I will update the documentation in Zip file.

As described in the documentation here is the answer:

The reason why these files are separated is because in some IE browsers the maximum number of CSS rules is limited and the full-feature bundled version is not supported. So they are each the same priority and all of are required to include

I hope I was clear in my answer.

Arlind

Thank you for the reply!

Ok, now I understand the system, but have a follow up question. In my zip file neon-theme.css and neon-core.css are almost the same. I checked now and the first 2700 lines are identical. I can fix that by disabling some imports in neon-theme, but I wonder – what was the reason to do so?

Hi ajayver,

The difference between these files is that some of the plugins (included in Extra pages) have custom styling so neon-theme.css is all about that. If you don’t use the components that start with extra-{component-name}.html you can eliminate neon-theme.css

Sure you can disable imports and then compile the files, you can even join all the files and this way you have easier to manage the imports. For example see: neon.less , this contains all the imports.

Hopefully you will find this easy.

Arlind

Having a look at http://documentation.laborator.co/neon/#4_1 solves the problem – sorry!

Good that you fixed it on your own .

Hi dhavalyours,

Sorry but we have lost this topic and now saw it was unanswered for 8 days.

Have you tried this using the other method from the daterangepicker api

For example this way you can apply new options, here is one example:

$('#daterange').data('daterangepicker').setOptions({ format : ‘MMMM D, YYYY h:mm’, startDate : jsonObj.offer_start_date, endDate : jsonObj.offer_end_date, min_date : jsonObj.offer_start_date, start_date : jsonObj.offer_start_date, end_date : jsonObj.offer_end_date });

Arlind

Hi Volsfan91, the breakpoint of iPad landscape is 1024px max width and it is the same as the one used for desktop, you can do this also by adding sidebar-collapsed to .page-container element.

Art

Hi orhanhenrik, we haven’t noticed this issue before, it will be fixed on the next update or we can send you the code to fix it manually until the update comes.

Art

Hey alfadesignsa, the theme is planned only for HTML and we’re not planning to release it for any other platform.

Thank you, Art,

it is actually a safari only issue, any thoughts?

Hi movingmel, it seems that there the scripts of the datatables and the modals are crashing in Safari when used together, I will add this to the “fix” list and on the next update it will be fixed, we don’t have any accurate time when we’ll launch the update but stay tuned and you’ll be notified via email.

Art

Hi gehrkensit, currently the only menu available is the one sliding from the top, we have considered adding a Off-canvas Menu also for the next versions, so stay tuned.

Art

Hi alvarogtc

I tried this also in my local copy of Neon and it worked with more than 2 pages of pagination.

You may try to add this callback “replacechekboxes()” on numbers click, it just check the boxes that are not already replaced.

Arlind

Thanks for this fix. Added it.

Arlind

Hi mopineyro,

What files are you trying to compile with less?

Note that these files can be compiled (other must be included)

• neon.less
• neon-core.less
• neon-theme.less
• neon-forms.less

Arlind

Hi hetul, the feature you’re describing is not available in Neon, also if you have a demo of this feature in any other theme/web could you provide us the link maybe we will add it as a feature in the upcoming updates.

Art

Hi there.. while it may not be a 100% same.. check out the maximize effect here http://jsfiddle.net/85mJN/72/

so basically, get this to work on the panel tools… hope it makes sense.

Hi hetul, thank you for your suggestion, it looks like a great idea to put this into Neon, maybe we will add this in the future updates of Neon so if we do you’ll be notified.

Art

Hi mopineyro, here is the file of the Top Menu: http://cl.ly/0b1U1g3N1l2R, not layered and an old version also we do not have the boxed version in PSD as we have designed it directly.

Art

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

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?

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

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 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

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

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.

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

Hi anthemecss,

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

So basically if you download this file:

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