Discussion on Neon - Bootstrap Admin Theme

Discussion on Neon - Bootstrap Admin Theme

Cart 5,189 sales
Well Documented

Laborator supports this item

Supported

This author's response time can be up to 1 business day.

754 comments found.

Hello,

I prepare search form with button “FIND”.

If something found – displayed table, But, if not found anything, what best way to inform user?

I thinking use Toastr Notification but not sure, Toastr not very well for this purpose.

Have you another component ? May small blinking panel or else.

BR, Dmitry

Hi Dmitry

For this I suggest you to create a DIV with “Nothing found” with a gray text (medium size) and set the style to display: none,

Add it above the table then when no results are shown just set display:block for that container.

It will move the table a bit lower but this way is the best for user experience I think.

Best regards


Arlind

Hi Arlind, Thank you!

Glad to hear that :)

Kind Regards,
—Ylli

Hello, Could you help me add dropdown menu to grouped list?

Grouped list:

14 Dapibus ac facilisis in

Button:

<button type=”button” class=”btn btn-danger dropdown-toggle” data-toggle=”dropdown” aria-expanded=”false”> </button>
  • PSD Format

If I place Button code inside Group Panel – some function change DOM and result not expected.

Hi Dimetreus

I am not sure what exactly you are trying to do here, however if you want to make a dropdown button here is the sample code:


<div class="btn-group">
    <button type="button" class="btn btn-danger">Download</button>
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
        <i class="entypo-down" />
    </button>

    <ul class="dropdown-menu dropdown-danger" role="menu">
        <li>
            <a href="#">
                <i class="entypo-right" />
                PSD Format
            </a>
        </li>
        <li>
            <a href="#">
                <i class="entypo-right" />
                JPG Format
            </a>
        </li>
        <li>
            <a href="#">
                <i class="entypo-right" />
                GIF Format
            </a>
        </li>
        <li class="divider" />
        <li>
            <a href="#">
                <i class="entypo-menu" />
                Add to download list
            </a>
        </li>
    </ul>
</div>

The first button “Download” will not trigger the dropdown menu, only the second with caret drop.

So please try this code and see if it works for you.


Arlind

Hello, Thank you!

You are welcome buddy.


Arlind

“Your customer support is excellent and this is one of the main reasons I am going to puchase this template as I noticed that you guys are very prompt and helpful with support for this product. You guys have a fantastic product.”

Neon received a nice comment from sitargaze

Are you using Neon too? Don’t forget to rate it!.

Hi,

We are currently using Neon Theme 1.8 and its on Production server. We are in process to update it to 2.0. But we are facing some real critical issue and most of these issues related to Safari 9.x (https://screen.visualdepth.net/2015-11-18_0148.png?949x447). We want it quick to fix it for our production. So it will be great if we could get only Safari 9.x related change log details/file list. And we will only replace with existing files on Production.

Thank you!

Hi kinetictg

If you only need to fix this issue, I suggest you to replace these files in your server from the 2.0 version:

assets/css/bootstrap.css
assets/css/neon-core.css
assets/css/neon-forms.css
assets/css/neon-theme.css

The fix was quite easy, on neon-core.css file you will need to find @-keyframe defined in the code and then right after that add a closing bracket } that fixed the issue.

I hope this will work for you.


Arlind

Hi Laborator,

I bought your team, would there be any change that you would update the form Wizard to include a vertically bar? This way user can quickly scroll through the form instead of going step by step.

like this: only then done by you and better ;)!

http://www.honeyvig.com/priopass/book-now.html

Hi there,

We haven’t thought about this, we will see if it necessary to add this feature in the upcoming updates or not.

Kind Regards,
Art

Hi,

I’m very interested in purchasing this template but I just want to make sure that it would fit my needs as I have no clue what the template includes. Here’s the requirement: I have multiple users, but only 1 single event. I need to be able to see which users are scheduled for the day/week/month on the calendar. So the event is the same but the user names are different. I also need to be able to filter based on user selected. Will the Calendar feature of this template meet that need or do you recommend something else?

Thanks so much.

Hi sitargaze

Firstly thank you for being interested in our theme.

Based on your request it seems that the “Full Calendar” library we use will work for you.

What you should do is add the search functionality by yourself because it doesn’t have a built-in search so you may add an input to search for e specific user and append the events on calendar based on search.

Neon uses this library for event scheduling:

http://fullcalendar.io/

So if it fits your needs it will work for you, because this site presents the functionality of plugin which is just included in our theme for more please read the docs of this plugin to learn what is capable of.

I have no other idea about any other plugin that I can suggest to you right now.

Hopefully this will help you.


Arlind

Hi Arlind,

Thank you so much for your prompt reply and detailed reply. Your customer support is excellent and this is one of the main reasons I am going to puchase this template as I noticed that you guys are very prompt and helpful with support for this product. For this current project…i’m going to research what other options there are but I really do like your template and plan to purchase it very soon in order to play around with it and get a better idea of how I can incorporate it into our other projects.

Thanks again and keep up the great work. You guys have a fantastic product.

Regards, Sitargaze

Hi Sitargaze,

Thank you very much for your kind words, we appreciate them :)

Kind Regards,
—Ylli

Hello, once again :)

I start use Neon theme and face some not good things, some of libs you used very older.

Like DateRangePicker, moments. Could you update them?

DateRangePicker fixed some important bugs.

http://www.daterangepicker.com/

Hi there,

We have updated most of the theme plugins to the latest version in the last update we released, but we have not updated all of them like DateRangePicker because it was not matching with the way we built it, you can try update it manually as we are not planning to release a new update for now.

Kind Regards,
Art

Hello Buddy,

I am using neon selectbox, I want to validation client side via jquery like its working on textbox, Kindy help me out. How an I validate on selectbox.

Thanks:

Regards Safder Imam

Hello,

I am attaching link for selectbox screen shoot, Its not working on safari, Kindly help here how we fixed?

https://www.dropbox.com/s/ytyl7yvhdw1t7of/safari.jpg?dl=0

Thanks

Hi SafderImam,

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

Hello,

I want customize table and add a child row after ”+” clicked. So, I read how can I add extra row, but, I need to get data through AJAX query after ”+” clicked.

After query, my function AjaxReceivedData receive data, how can I get created extra row to apply data from ajax query?

May you know better way to do it?

Thank You!

Hi Dimetreus

This can be done in this way for example, lets suppose that the ajax response you receive is JSON:

jQuery( document ).ready( function( $ ) {

    $( "#plus-icon-button" ).click( function( ev ) {
        ev.preventDefault();

        $.ajax( {
            url: "your-script.php" 
            dataType: "json",
            method: "POST",
            data: {
                myVar1: "hello",
                myVar2: "world" 
            },
            success: function( response ) {

                $( "#rows-container" ).append( '<div class="row"><div class="my-col-1">' + response.stringOne + '</div> <div class="my-col-2">' + response.stringTwo + '</div> and so on .... </div>' );
            }
        } );
    } );
} );

Hopefully this helps you.


Arlind

Thanks a lot!

Glad to hear that :)

Kind Regards,
Arlind

I add some radio elements after DOM was ready.

$(”#my_box”).append(‘ <input type=”radio” id=”rd-1” name=”radio1” checked><label>Radio 1</label> ... <input type=”radio” id=”rd-1” name=”radio1” checked><label>Radio 1</label> ‘);

So, this added radio elements not active and not swith.

How can I reinit JS to rescan DOM or What can I do to activate radio buttons?

Hi

After you add some content with inputs that require javascript replacement you need to call replaceCheckboxes() function.

For example:

jQuery( document ).ready( function( $ ) {
    $( "#my_box" ).append( '<div class="radio radio-replace"><input type="radio" id="rd-1" name="radio1" checked><label>Radio 1</label></div>' );
    replaceCheckboxes();
} );

This should work for you. Note that the markup (wrapper) of radio/checkbox input is required with their respective class as shown in the above example.


Arlind

Thank you Arlind, works well

Great to hear that buddy.


Arlind

My login forms seems to have caught a bug. It appears the redirect url is no longer working. My session works correctly but my login page stays stuck at 100%. Any idea what can be causing this? Please let me know if you need additional information.

Thanks.

Hi

Please see this screenshot:

http://drops.laborator.co/17hDa

Check the highlighted code whether is doing redirection after successful login.


Arlind

Pelase How to I save the contentts of dataTabeles to csv

Hi wilology

This code will display those buttons:

<script type="text/javascript">
jQuery( document ).ready( function( $ ) {
    var $table4 = jQuery( "#table-4" );

    $table4.DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ]
    } );
} );        
</script>


Arlind

Hello, before buying, I need to be sure that all the PSDs are included with all the éléments (tables, buttons etc…) Could you confirm that ? Thanks !

Hi there,

Here are the PSD files included in Neon, see screenshot: http://drops.laborator.co/17bDC

Kind Regards,
Art

I am trying to make sure of the login form provided with the Neon theme. I am trying to validate the form fields with those of my MySQL database. I made the changed necessary on the data/sample-login-form.php to validate the username and password fields with a MySQL query as opposed to demo/demo. When doing so I get the error “an error occoured” (by the way, occurred is misspelled).

I realized it’s an error message coming from the assets/js/neon-login.js file. I also made the changes to the neon-login.js file as explained in the forum and after doing so my login button becomes non-functional.

I am not very familiar with JS and would like to bypass it and use PHP and Sessions for my login. I am reading the comments on the forum and two years ago you had mentioned this would be available on the next update. How can I get a hold of that?

Any help would be appreciated.

SOLVED

My bad! I had an error on my SQL query on the sample-login-form.php page. After 3 days of searching for it, I of course found it minutes after requesting your support.

Hi there,

Glad to hear that you managed to solve this problem :)

Kind Regards,
—Ylli

“Finally removed a big part of bugs and improved all problems about update. This is a great theme.”

  Neon received a 5 star rating from casashare

Are you using Neon too? Don’t forget to rate it!.

Hi Support

I am failing to get (or set) the identity (”#slider-identity” )) of the slider see previous communication

Hi

To send the current value of slider to database:

jQuery( "#slider-identity" ).slider( {
        change: function( event, ui ) {
                var value = ui.value;

                jQuery.ajax( "your-processing-script.php", { action: "update_slider_value", sliderVal: value }, function( resp ) {
                        if ( resp == 'success' ) { // success – will be outputed by your script when action is performed correctly
                                // do something
                        } else {
                                // do something else on error
                        }
                } );
        }
} );

Hi

I’ve checked the same script and test it live it worked. Nothing changed.

To make sure event is being called, apply this code:

jQuery( document ).ready( function( $ ) {
    setTimeout( function() {
        $( "#slider-identity " ).addClass( 'slider' ).slider( {
            value: 100,
            min: 0,
            max: 150,
            range: 'min',
            change: function( ev, ui ) {

                var value = ui.value;

                jQuery.ajax( "your-processing-script.php", { action: "update_slider_value", sliderVal: value }, function( resp ) {
                        if ( resp == 'success' ) { // success – will be outputed by your script when action is performed correctly
                                // do something
                        } else {
                                // do something else on error
                        }
                } );
            }
        } );
    }, 100 );
} ); 

You need to remove class “slider” from that element, to see if this works for you.


Arlind

Hi thanks but this only works when the page load not when I slide the slider Please advise

Hi wilology

This code worked, if doesn’t work for you then please try another type of sliders:

<div id="slider-identity" data-min="0" data-max="1800" data-value="223" />
<script>
    jQuery( document ).ready( function( $ ) {
        setTimeout( function() {
            $( "#slider-identity " ).addClass( 'slider' ).slider( {
                value: 100,
                min: 0,
                max: 150,
                range: 'min',
                change: function( ev, ui ) {

                    var value = ui.value;

                    alert( 'Request sent' );

                    jQuery.ajax( "your-processing-script.php", { action: "update_slider_value", sliderVal: value }, function( resp ) {
                            if ( resp == 'success' ) { // success – will be outputed by your script when action is performed correctly
                                    // do something
                            } else {
                                    // do something else on error
                            }
                    } );
                }
            } );
        }, 100 );
    } );
</script>


Arlind

may we have access to git repo?

Hi casashare

Because Neon is premium item the repo is private, so please create an account in BitBucket.org if you haven’t already, then give me your username and I will add you to the repo.

Btw thank you for improving your rating, that made us really happy! Hopefully other users will follow you :)


Arlind

my username is: evilangelmd. About rating, you are welcome :)

Hi casashare

I’ve just added you to the repository.

Have a great day


Arlind

please advise how i get the value of a slide and sent to database

$('#slider-identity').slider({
        change: function(event, ui) { 
            alert(ui.value); 
});?

Hi

To send the current value of slider to database:

jQuery( "#slider-identity" ).slider( {
    change: function( event, ui ) {
        var value = ui.value;

        jQuery.ajax( "your-processing-script.php", { action: "update_slider_value", sliderVal: value }, function( resp ) {
            if ( resp == 'success' ) { // success – will be outputed by your script when action is performed correctly
                // do something
            } else {
                // do something else on error
            }
        } );
    }
} );

This should work in your case.


Arlind

“Best admin theme out there. Easily customizable and great UI”

  neon received a 5 star rating from dennywenny for Design Quality.

Are you using Neon too? Don’t forget to rate it!.

Hello,

How do I make it only portrait in mobile phones?

Thank you!

Hi webhostingcs,

Can you please try to be very specific about the problem and explain it more to us, in this way we can easily understand you and give you the proper answer :)

Kind Regards,
—Ylli

Hello Ylli,

I wanted to lock the orientation into just portrait… because if I try to side ways the phone it becomes landscape.. so is this possible in the template?

Thank you.

Hi webhostingcs,

I searched for this on the internet and i found this link that maybe can help you.

Kind Regards,
—Ylli

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey