Hi orzcc,

We don’t use bitbucket for Neon, we use it for Xenon only.

Kind Regards,
—Ylli

Hi mayurkis,

Can you please write on English please?

Kind Regards,
—Ylli

Hi tuleby,

We use old Entypo icons there, you can find the icons on this link Character Map

Happy Holidays to you too
—Ylli

Hi

1. Open this file: assets/js/neon-custom.js and change the parameters — http://drops.laborator.co/15z8C

2. Please add this Custom CSS it will fix your issue:

.horizontal-menu .navbar .navbar-brand {
    height: auto;
}

Best regards

Arlind

Lovely, work perfect. Many thanks Arlind!

Hi tuleby,

Glad to hear those worlds

P.S: It would help us a lot if you could rate Neon on themeforest from your Downloads tab, (if you don’t know how, just open this link) Thank you!

Happy Holidays
—Ylli

Hi Nirmal

For this you need to apply media CSS to adjust the popup to appear in the screen, play with “right” css property for example::

@media screen (max-width: 480px) {
   selector-rule-to .element {
     right: -200%;
   }
}

And so on.

This should work for you.

Arlind

Hi raslam

1. If you are using jCrop library then you need to read this tutorial which tells you how to create thumbnail and show it instantly:

2. It might be an old version of Fileinput plugin that doesn’t work fine, so please download the library here (fileinput.js file and move to assets/js/) folder, and see if that solves the problem with Safari.

Arlind

Hi yudin2

When you are on modal, and have a form to submit you must do this via AJAX (preferred form) and so this is a small example:

<form method="post" id="my_form">
    <input type="text" name="first_name" id="first_name" />
    <input type="text" name="last_name" id="last_name" />
</form>

And the JS for this should be something like this:

<script>
    jQuery( document ).ready( function( $ ) {

        $( '#my_form' ).submit( function( ev ) {
            ev.preventDefault(); // Disable form from being submitted and refreshing the page

            // Do the validation here

            // Then send the data to the server
            var data = {
                first_name: $( "#first_name" ).val(),
                last_name: $( "#last_name" ).val(),

                add_user: true,

                // and so on... send information
            };

            $.post( "ajax-process.php", data, function( response ) {
                if ( response == 'success' ) {
                    // do something
                } else {
                    // warn user
                }
            } );
        } );

    } );
</script>

Then in ajax-process.php the code should look something like this:

<?php

if ( isset( $_POST[ 'add_user' ] ) ) {

    $first_name = $_POST['first_name'];
    $last_name = $_POST['last_name'];

    // Add those values to database...

    if ( "values are successfully stored in database " {
        echo "success";
    } else {
        echo "failed: some reason here";
    }
}

This is the simple form of adding/editing/deleting/completing a task or doing something else from ajax.

Arlind

Thanks thats very useful for me

Hi yudin2,

Glad to hear that

P.S: It would help us a lot if you could rate our item on themeforest from your Downloads tab, (if you don’t know how, just open this link)

Kind Regards,
Arlind

Hi lrnsvlntn,

Thank you very much, have a nice holidays

Best Regards,
Arlind

Did you get time to update the SelectBoxIt plugin?

Hi

Actually we are still busy with other updates. However can you please write next week (on Wednesday) I will have more free time and will take care of this.

Kind regards and have a nice weekend

Arlind

Hi harryytt

To show sidebar menu instead of navbar menu, open neon-custom.js and on line 92 replace that function with the below one:

// Mobile Horizontal Menu Collapse icon
public_vars.$horizontalMenu.find(".horizontal-mobile-menu a").on('click', function(ev)
{
    ev.preventDefault();

    var $menu = $('#main-menu'),
        with_animation = $(this).hasClass('with-animation');

    $menu.toggle();
});

It should work as you expected.

As for data table, can you please try to find a fix and send it to us, I am not sure how to reproduce this issue.

Arlind

Hi Laborator,

Thanks alot for the reply.

As far the data table, You can reproduce the issue in the following ways

<div class="sidebar-menu fixed" />

<div class="sidebar-menu" />

<div class="sidebar-menu fixed" />

<script src="assets/js/datatables/datatables.js"></script>

Hi harryytt

I’ve found the solution to this:

@media screen and (min-width: 768px) {
   .page-container .sidebar-menu.fixed .sidebar-menu-inner {
      bottom: auto;
      top: 0;
   }
}

Or download this file: http://drops.laborator.co/13f8U+ and move/replace in assets/css/

The problem was here:

Instead of top: 0; it was declared ad bottom: 0 thats why it didn’t worked.

Thanks for reporting this specific bug.

Arlind

Hi slaigue,

You must edit CSS file for that.

Kind Regards,
—Ylli

Thank you ! Now… Work !

Hi slaigue,

Glad to hear that

Kind Regards,
—Ylli

Hi bibil1986imns,

Can you please post with the account you bought the theme, this way we can verify that you’re a real customer as we do not offer support to users who doesn’t have “Purchased” badge.

Kind Regards,
—Ylli

Hi thank for the suggestion, i am a developer, and my boss bought this theme. he gave me the purchase code is : bc3d3920-b4fe-4663-b3cf-60d49180486e well no problem i have solved with my effort, you have add the jquery in datatable as well,so it is loading jquery2 times so it is not taking the hoverIntent.

HI there,

I’m sorry but we are not allowed by Envato to give support to the users who don’t have purchased badge.

Hope for your understanding

Kind Regards,
—Ylli

Hi raslam

When checking your console I’ve noticed these issues (scripts that are called but the URL is wrong or does not exists in your server at all:

Can you please fix these URL and see if the problem is solved.

P.S: I saw that you have created some other tickets, can you please try to add all your questions in one thread, because in this way is easy for us to understand what you have done and what is left, also is would be easy for you to post in one thread.

Arlind

Hi

I’ve tested this issue in Safari and works fine, see screenshot:

Please make sure you are including required JavaScript libraries (select2):

It should work when these libraries are present in the document.

Arlind

Hi rslam

Just replied to your thread here:

Arlind

Hi rslam

Just replied to your thread here:

Arlind

Hi nikhil_liya

We are only able to support Bootstrap 3 for Neon, as Bootstrap 2 has complete different implementation and class names which will cause a lot of complexity to implement.

Base version of Bootstrap that will be supported on Neon is just Boostrap 3, v4 and other versions will not be supported. If Neon with Bootstrap 2 was supported it would be sold as separate item.

I am sorry to say that!

Can you ask if “Liferay Portal” can upgrade to Bootstrap v3, because Bootstrap has dropped support for v2 since v2.3.2 version.

Hopefully you can understand us.

Arlind

Hi yudin2

To change the modal position simply add this CSS:

.page-body .modal-dialog {
    margin-right: 30px;
}

Just sent the same answer to your email.

Arlind

Thanks that work for me

Hi yudin2,

Glad to hear that

Cheers!
Arlind

Hi Martin

I’ve checked which file contains this jQuery function and it is located in this file:

assets/js/joinable.js

So make sure you are including this file from the latest version of Neon. If that doesn’t solve your issue, please download this library here:

And import in your document (not in the header, but in footer):

<script src="http://cherne.net/brian/resources/jquery.hoverIntent.js"></script>

It should solve the issue.

Best regards

Arlind

Hi Dimetreus

Neon has actually an API but it is not briefly explained.

The most elements that are implemented are external libraries and so we didn’t provide documentation about them, you can search for each library and you will find their implementation instructions.

All the examples contain their explanation inside how they are implemented.

Also about slimScroll I have used it but I do not prefer it anymore, I have found a better and easier plugin to work with, its called Perfect Scrollbar:

Try using this plugin, it is amazing.

Best regards

Arlind

Thank you! Works fine!

Glad to hear that

Kind Regards,
Arlind

Hi Dimetreus

Right after you append that element, you can activate tooltip with this code:

el.innerHTML = ’<button type=”button” class=”btn btn-primary tooltip-primary” data-toggle=”tooltip” data-placement=”top” title=”” data-original-title=”Tooltip on top”>Tooltip on top</button>’;

// After above line add this code:
jQuery( '[data-toggle="tooltip"]' ).tooltip();

This should work.

Arlind

Thank you very much

Glad to hear that Dimetreus

Cheers!
Arlind