Discussion on Neon - Bootstrap Admin Theme

Discussion on Neon - Bootstrap Admin Theme

Cart 5,194 sales
Well Documented

Laborator supports this item

Supported

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

754 comments found.

I would like to be able to have the left nav menu have all items able to be opened at the same time while still maintaining the ability to close.

In other words, I don’t want clicking one menu item to close other menu items – I want each menu item with submenu items to be independent.

Is that possible with this theme?

Hi,
unfortunately this is not possible with Neon, we have not considered adding this as e feature in the future updates.

Art

I think this is a bug:

neon.less compilation fails when @import "neon-less/profile-info.less"; is commented out.

Compiler comment (using WinLess app):
NameError: .neon-dropdown-menu-body is undefined in C:\wamp\www\neon\assets\less\neon-less\menu.less on line 1170, column 9:
1169        .dropdown-menu {
1170         .neon-dropdown-menu-body;
1171        }

Hi

When compiling the neon.less please include “neon-less/profile-info.less”

In order to make the compilation successful. The “neon-dropdown-menu-body” mixin is located in that file.

Arlind

Hi there,

Could you please help me with a couple of issues.

1) I’m having problems recreating this layout:
http://demo.neontheme.com/layouts/horizontal-menu-boxed/?skin=white

What I get is this:
http://www.graphic-dev.com/stuff/neon/layout-horizontal-menu-boxed.html

What am I doing wrong? I want horizontal menu and boxed layout (with max-width as in demo – do I have to add that manually and if so, where?).

2) Can I add the white skin with LESS or do I have to include assets/css/skins/white.css in each file? I tried adding @import "skins/white.less"; in neon.less but it didn’t work.

Thanks,
Joakim

Hi again

Glad that you have made with the white skin.

Please read this documentation section to learn more about less compiling:

http://documentation.laborator.co/neon/#5_1

The css files you should load depends on your need of what you want to use in the theme. Everything can be configured and its easy.

Arlind

What I was wondering was if I compile everything in neon.less to neon.css – does that make the files neone-core.css etc redundant? Cos neon-core is loaded in neon.less as well, right? In that case I don’t have to load them again in the HTML head.

Just take a look how it is done in the demo site, if the file is included in the HTML in the demo site then include it in your project also.

Art

I’m attempting to use the neon.less file, however I’m receiving the following error:

directive block with unrecognised format on line 113 in file 'other-less/lesshat.less': [112]: [113]: @process: ~`(function(value){return value=value||"stretch"})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`; --^ [114]: @process_ms: ~`(function(value){return value=value||"stretch","flex-start"==value?value="start":"flex-end"==value?value="end":"space-between"==value?value="justify":"space-around"==value&&(value="distribute"),value})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`;

I’m using (dot)less compiler inside of Visual Studio.

Hi, have you tried using it with another editor, this will help us know whether the problem is with the application or with the theme, it works great for us we just checked it on Coda/Mac.

Art

Hi, Is there a way to make the sidebar stay closed/open when navigating to other pages? For example, if the sidebar is closed (by user click) on the home page how would we keep it closed on other pages? If they then open it how would we keep it open?

Thanks!

Hi gate39media

Sure you can easily assign cookies on browser to track whether user has the sidebar collapsed or not. Here is one example:

public_vars.$sidebarMenu.find(".sidebar-collapse-icon").on('click', function(ev)
{
    if(jQuery("body").hasClass("sidebar-collapsed"))
    {
        // Save cookie with sidebar closed info
    }
    else
    {
        // Save cookie with sidebar opened info
    }
});

Then via server side scripting language you can retrieve the information cookie and set class “sidebar-collapsed” to body tag if the sidebar is collapsed.

Hopefully this helps you.

Arlind

Hello.

First off, I wanted to complement the creators of this theme. It includes a lot of really great features.

I have a weird issue that I am hoping you can shed some light on. This only happens in Firefox and has to do with the modals.

When I am on firefox and I go to http://demo.neontheme.com/ui/modals/, and scroll the page so that the first button is covered but leaving enough to click on it and then click, the dialog appears fine. However, when I download the source (change nothing) and then run it on my local server with the same steps, the dialog is out of visual range and is displaying in the portion of the screen that is scrolled out of view. Why would this happen?

It is almost like the dialog positioning is using the height of the document and not the height of the viewport. Can you recommend any fixes? This is a real troublesome issue.

Thanks!

Hi ackerchez

Firstly thank you for your compliments, we are really glad to hear them.

Can you try this fix it should work:

body.loaded {
-webkit-perspective: none;
-moz-perspective: none;
perspective: none;
}

It should do the trick.

Arlind

Hello,

what changed with the update on 11th September?

Thanks

Hi, we have changed only the preview image and the thumbnail.

Art

Hello,

When do you update the theme to Bootstrap 3.2.0?

Best

The reason, why we need the update: https://github.com/twbs/bootstrap/issues/10044

Hi tmeiste, we’re releasing a new admin theme and after it we’re planning to release updates for all our themes, cause we had not enough time to work on them.

Regards,
Art

Hey i want to have fixed header that will not move while scrolling and wanted to reduce height of header . please advice

Regards, Nilesh

Hi there, there are two horizontal headers in neon (horizontal-menu-fluid and horizontal-menu-boxed), can you please tell us which are you using, or send us your site url, and we will give you exact code :)

Ylli

its in development phase . yes i am using horizontal-menu-boxed .

Hi Nilesh, the Horizontal Menu Boxed is fixed to the top and does not move even if you scroll down, you can see it here in the demo site.

Regards,
Art

I am new to Admin Template themes. This may be a majorly noob question but what language should I learn to utilise this theme. Is it PHP, MySQL & Javascript or Bootstrap. Thanks

Hi, you’ll need to integrate it in a framework or CMS built with PHP & MySQL.

Regards,
Art

I like the template. The question I have is in relation to the opensource libraries used in the template and their versions. I noticed some versions are old and since I’m using angular I wanted to know if any of the provided libraries have been modified from original? It would be more suitable for me to use the angular equivalents within services, directive, etc then providing them in the head of my main application (for performance reasons). Thanks

Hi, We have used libraries but we have not edited their core configuration, we’re releasing a new admin template this week with many new features, stay tuned :)

Regards, Art

Hi, so is the new admin template out yet? Is it an update to this one or an entirely new one? Thx

Hi MRMarino, no is not an update to this one but we are releasing a new admin template :)

Ylli

Hi Laborator, good job on that theme. I’m glad to use it for my next project. Though both the fixed top navbar and the tocify-container jitter while scrolling in Safari. In addition, the tocify-container disappears in Firefox. Are you going to fix this or can you let me know how I would?

Hi, currently we’re not planning a major update, we may update the theme when the Bootstrap 4 will come out but not for now as we’re releasing a new admin theme this week. Stay tuned.

Regards,
Art

Hello Sir,I am couldn’t change the color to checkbox & some icons. can you please tell me the solution?

Firstly you have to buy Neon in order to get support for it.

Arlind

Fixed previous issue, however now there is no scroller to scroll down?

http://i.imgur.com/NjTMH5g.png

The modal is missing scroller. It’s just cutting off.

Can you try this fix:

.modal-open .modal {
overflow-x: hidden !important;
overflow-y: auto !important;
}

Arlind

My network bandwidth was very slowly, i have tried many times, but can not download success, can you send me the package through email? my email address is: juede@sina.com

thanks very much, best wish.

I download is complete, do not send e-mail. Thank you?

Good to hear that.

Art

Hi there,

I hired a coder to implent this skin on my image gallery, however soon as he enable the “shadow” for the modavs it breaks the design. He had to disable shadow and now it looks like this, pretty crappy: http://i.imgur.com/PpnufwD.png

Do you have any suggestions to what I can do? I can send you a demo link if you can help debugging, i really want the shadow/fade.

Thanks.

I sent you mail, also please look at this screenshot i took today. This is what happends when z-index is there! The entire stuff gets shadowed :: http://i.imgur.com/qsTq1yt.png

I notice the issue is page-container, however when i move it – it breaks the code.. Grr

I saw that you have fixed this issue. Just replied to the previous thread

Hello,

is it able to make open submenu and also open the Main-Link at the same time?

If i select a menu, which has Sub-Menu, i get all sublinks but the main link (name of the menu) does not open. Is there a way to open both?

Hi emailn

Actually this is not supported because if you make the parent link clickable then the user will never see the submenu links.

In order to do this, you have to modify the menu structure and logic, and set a ”+” plus icon that indicates opening of submenu, but I think this is confusing for users.

One other alternative is if you add a custom html element in the Parent element, then assign a click event to it, when user clicks to it it will be redirected to the URl, here is the example:

  • Dashboard Go to link // here is the submenu html….
  • Arlind

    Hello, i’have a problem about 2nd shipping address. at the end of the order when i check the box for shipping at different address than the billing address, the 2nd address panel is style display:none (div.shipping_address)

    i think problem come from JS on oxygen/woocommerce/checkout/form-shipping.php line 34 $(”#ship-to-different-address input”).on(‘ifToggled’, function(ev) {

    the click event don’t do anything… can you please, help me ?

    Please comment in Oxygen if you have questions about Oxygen, you’re posting in the wrong theme.

    Art

    oups… sorry… wrong page…

    No problem!

    Hi I love your Theme. I was wondering if you have any solution for the round user image. It look very nice but I realize that it is not implemented.

    Thank you

    Ok my mistake I see that work with css class=”img-circle”

    Good that you fixed it.

    Hi, first of all very nice template.

    I have create the on/of switch in my website, but how can i save the input from the switch in my database.

    <input type=”checkbox” name=”nas” value=”Gecti” checked>

    i have a table called ezber, with a column ‘nas’. I want to save the switch value (‘Gecti”) in this table and colum, directly when the switch is changed. how can i do this, with onchange ?

    Hi

    This should be performed by AJAX and PHP so you must firstly add js code:

    jQuery(document).ready(function($)
    {
        $("input[name="nas"]).on('change', function()
        {
            var on_set_value = $(this).is(':checked') ? $(this).val() : 'Field is unchecked';
    
            $.post("your_php_script.php", {data: {nas: on_set_value}}, function(response){
                // Do something when the request is completed
            });
        });
    });
    

    In PHP you must process the value and edit in the database:;

    <?php
    
        if(isset($_POST['nas']))
        {
            $nas_value = $_POST['nas'];
    
            // Do something with this value
        }
    
    ?>
    

    Hopefully this will help you to create an idea what to do.

    Arlind

    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