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 am dynamically adding sliders to data table. If I add it directly, I can see the numerical value at the bottom, while if I add it dynamically … say click of a button … I get a slider, but cannot see the label value at the bottom of the round circle. Can you please help me out.

Hi amworld

I am not able to figure out what kind of sliders are you adding to the data table, can I see a screenshot of it?

Arlind

Your Modal and about very fixed element (like notification) got The FireFox Fixed element Bug…

When the Element show up, it’s acting like absolute positioning, not as fixed element…

I,m checking how i can correct this, if i found a solution, i’ll send them to you, but if you got One, i’ll appreciate to have it !

Hi davidfredette

Oh really? Well, the perspective is only used when you have to perform some advanced scale and animation via CSS otherwise it will not affect anything.

Arlind

I don’t know why you put that on the Body Tag (it’s in neon-core.css), but put it on the body cause FireFox to interpret that as 3d animation, and every enclosing fixed elements react as absolute element…

In other browser, in only happen when use the css transform is used on an element… Every fixed item inside that item react as absolute…

The perspective is included because of page transitions via CSS.

Now I understand that rule, many thanks for clarification, it is a life-saver sometimes.

Arlind

Hi I recently purchased this theme, and to be honest, I’m new to web design. What’s the easiest way to get started with it? I’m currently using Drupal as my CMS, which supports bootstrap. It does not, however; like this theme. Are there any suggestions? Also, has anyone used this theme with Drupal? If so, what am I doing wrong?

Hello,
the theme is a plain Bootstrap theme and it is used mostly for admin management purposes like it was designed, we haven’t had any user who used the theme with Drupal, if you’re good at including it to any CMS system then it would be great but we cannot help you on this issue as the support only covers the technical problems with the current theme files.

I hope I was clear to you as a beginner,

Kind regards,
Art

Hello!

So that I can work with MVC in net, what should I do? because I saw the structure of files and extensions are html and php, but I need to implement c# and the MVC model .net.

I need to convert each file in a view with razor engine, for example ?, or is there some other way to do it?

Hi,
we cannot help you in this case, we can only give support if you have any problems with the theme elements.

Art

Thanks for responding.

Now, I have questions. I’m new to themforest, and I’m working with NEON. When I put a text before a symbol such as !, @ or #, the Browser displays the symbol in the opposite position to which I have made. For example, if I write in code “Hello !!”, the browser displays: ”!! Hello”.

My question is: which class makes this behavior possible?

Thanks for the help

Hi, it may be because you’re using the RTL format which is used for languages like Arabic or Hebrew, try to get it back to the LTR format.

Regards,
Art

Hello,

First of all, congratulations.Perfect job !

I have a simple question to be

We have a chance to completely shut down mobile compatibility does?

Hi gencdizayn,

Since Neon is built on Bootstrap, you may try this article and see if that works for you:
http://getbootstrap.com/getting-started/#disable-responsive

The result: http://getbootstrap.com/examples/non-responsive/

Regards,
Art

Dear Laborator I’m trying to understand how does the page transition/animation on the 3 dashboard pages works. I might have not looked very well, but I can’t find it. Can you please tell me how to activate and configure it? Thanks again for your help and your great work!

Hi there, all you need to do is add this class page-fade to the body element, like this

<body class="page-body page-fade">
Here you can check the page transition demos: http://demo.neontheme.com/layouts/page-transition-fade/

Regards,
Art

awesome! thanks a lot!

You’re welcome :)

I’m looking to keep up to date with some of the 3rd party assets you’ve bundled with your theme. However, I’m noticing that theres a bunch of custom changes directly made into these 3rd party assets which its making it difficult to add things in my asset pipeline from source.

IE it looks like the Entypo font library was heavily modified, so I can’t use this via Bower.js to install.

Great theme though!

Hi patbaker82

Most of the bundled plugins are not modified however I have used different methods of generating them. For example in your case with Entypo I have used www.fontello.com to generate the font type, thats why it looks different from official implementation.

So if you want to update the font icons use fontello.com

Arlind

Thanks so much for the quick reply, very helpful. Could you comment on bootstrap? I did a diff between bootstrap 3.1 and the neon bs-less folder and it appears the core has been modified. It could be I’m diffing non exact versions, but I wanted to check with you first. Ideally I wanted to install 3rd party assets on their own, from source, then stack your customizations on top. This would allow me to keep updated with say bootstap , etc.

Thanks again

Hi patbaker82,

When I have started I have followed a wrong strategy and changed boostrap core files, this will be changed in the next version and will take some time.

Other plugins are not affected by our customizations, they can be out of date so feel free to change any of it.

bs-less/ neon-less/ and other-less/ are the directories which we customize and put our code and the next version will throw out bs-less/ from these changes, so there you can always update the core bs files.

You are always welcomed :)

Arlind

Hello,

We are having issues with the checkout. Its not automatically updating tax and shipping in some cases with the address. What could be the issue. when we try to use the Twenty Fourteen theme to test the woo commerce cart updates immediately.

Thanks for your help,

Fabrizio

Soooo Sorry! thanks for your answer ;)

Their “Support” link is wrongly linked to this support forum

I am sorry about it, now I have replied to your thread on Oxygen theme page.

Arlind

Hello. I am about to buy this template. While testing the Neon template online via Live Preview I noticed a couple of slight bugs. Decided to ask them, may be there is a solution for them:

1. Forms -> Advanced Plugins page is always empty. However in “What’s New” page it says there must be some input spinners

2. Extra -> Notifications there is a Toastr notification which is very nice thing. But, I noticed it works buggy. I mean, sometimes it works, and sometimes doesn’t work. Clicking button doesn’t show a toastr, or displays in full page size. Try several times, and in different periods of page load.

3. I would love to have a drop down list element with a search function in it. For example when I show a large list of items, I want to help the user to find necessary items by just typing in part of their names. On the whole a custom drop down list element is not present in form controls, however when I switch to Forms -> Form Wizard page and fill in my name and birthdate and switch to next page, I see there is a nice custom drop down list to choose a State name. And this control even has a caption for it. How can I code such a drop down list?

4. The iCheck style radio buttons and checkboxes. Why are not they present under the Form controls section? I knew about their existence only on the What’s New page. Would you please, demonstrate all the possible form controls in the left side under Forms section?

Hi rashadex

Firstly thanks for being interested in our theme. Here are my answers:

1. Thanks for reporting this issue, now its fixed.

2. This page uses notifications api so we just use the plain functions. It happen to be outdated, so in the next version we will update this script.

3. This dropdown is created using this code:
<select name="test" class="select2" data-allow-clear="true" data-placeholder="Select one city...">
    <option></option>
    <optgroup label="United States">
        <option value="1">Alabama</option>
        <option value="2">Boston</option>
        <option value="3">Ohaio</option>
        <option value="4">New York</option>
        <option value="5">Washington</option>
    </optgroup>
</select>

To show this kind of dropdown you must include Select2 plugin (bundled with theme)

It has also search function included. See it on http://demo.neontheme.com/forms/advanced/

4. Icheck is now fixed and you may see it here: http://neon.dev/forms/icheck/

Hopefully my answers make sense to you.

Arlind

Thank you for your quick and full answer. I am happy to see the missing controls in the advanced controls page: Color picker, drop downs, etc… I am also pleased with your support of this theme. Thanks for the wonderful work. Would you please also write the approximate date for new version. And will the new version be available for freely download to people who purchased the current version? Or we will have to buy it?

Hi rashadex,

It was a little mistake when I have uploaded the files so thats why it didn’t worked. The new version will be available in september because now I will go in vacation for three weeks. Surely you can download the newest versions of Neon for free, Envato allows it and always you can keep up to date with your copy of your purchased items when they have any update.

Arlind

Hi, I have purchased this theme. It is one of the best work I have seen here. Thank you for the work.

I am using “Bar Stacked” chart in one of the pages for my site. How can I display it horizontally?

Thanks,

Rajesh

Hi Rajesh, the type of charts is Morris, I checked in their site if the horizontal charts are available but they do not support this type of layout :(.

Art

It is good to hear that :)

Hi,

Sorry for disturbing again, but I´m trying to create a switch checkbox and I can´t. I´m working on that a couple of days and I can´t find the way. I´m loading all the css and all the js I found in the demo page, but it´s making something rare. I attached a screenshot, it seems how it is dupplicating the design.

Image and video hosting by TinyPic

Thank you.

Hi

I have used this HTML and worked fine:

<div class="form-group">
    <label class="col-sm-3 control-label">Toggle Check</label>

    <div class="col-sm-5">
        <div class="make-switch" data-on="success" data-off="warning">
                <input type="checkbox" checked>
            </div>
    </div>
</div>

Here is how it looks:

Arlind

Hi,

Perfect, I´m stupid XD. I was creating the span labels for the ON and OFF text inside the switch.

Sorry and thank you.

You’re welcome!

I tried this, am I doing it right, as the click event is still getting triggered -

<a href="#" id="adisable1">
    <i class="entypo-address" />
    <span>Store Selection</span>                
</a>
and at the bottom I have added
    <script type="text/javascript">
        jQuery(document).ready(function($)
        {
            $("#main-menu > a#adisable1").unbind();
        });

    </script>

Hi

Please add this JS after custom.js is called (at the very end of document

<script type="text/javascript">
    jQuery(document).ready(function($)
    {
        $("#main-menu li a#adisable1").unbind().click(function(ev)
        {
            ev.preventDefault();

            alert("X")
        });
    });
</script>

You will see it will fire the alert “X” and will not take any action.

Arlind

Apologies for the delayed response. Thanks a lot for directions. It is working :)

How can we disable a menu items? I am trying

  • just like in bootstrap, but cannot stop events from being fired on click event.
  • Hi amworld

    You can unbind the Click event from the navigation

    example:

    jQuery(document).ready(function($)
    {
      $("#main-menu > a#custom-element").unbind();
    });
    

    Arlind

    Could you please give an example of horizontally scrollable datatable? thank you very much!

    Hi isanwong,

    I am sorry but the datatables doesn’t support Horizontal scrolling in Neon theme, only basic tables support this

    Arlind

    hi, nice theme! i’m trying to load a datatables table on a modal. I can do that, but I also need fixed headerers. Using the default fixed header of datatables http://datatables.net/extensions/fixedheader/ is not working. The header won’t fix.

    could you please inform if it is possible or a fix for this?

    thank you very much!

    Hi junico

    Telling you honestly I have never tried especially in the modal. It might be that the modal is absolutely positioned and that causes troubles to detect whether the header of table is on viewport or not, so I am sorry but I really don’t have an idea how to stick the header in modal window :(

    Arlind

    Hi,

    I´m trying to validate mi Login page as you have in yours, but I can´t. I can validate it, but showing the error message outside, not like you have in you login page, which shows the error message inside the field and put an border to this field.

    How can I do it?

    Thank you.

    Hi VanRaidex,

    Can you send me a screenshot how it looks?

    Thanks for purchasing Neon

    Arlind

    Hi,

    Yes, of course. This is the image:

    Image and video hosting by TinyPic

    The green version is mine, as you can see your version show the error message inside the text field.

    Thank you.

    How are you validating the fields?

    Please do not forget to use the highlight field classes, example:

    // Login Form & Validation
    $("#form_login").validate({
        rules: {
            username: {
                required: true    
            },
    
            password: {
                required: true
            },
    
        },
    
        highlight: function(element){
            $(element).closest('.input-group').addClass('validate-has-error');
        },
    
        unhighlight: function(element)
        {
            $(element).closest('.input-group').removeClass('validate-has-error');
        },
    
        submitHandler: function(ev)
        {
            // ...
        }
    });
    

    This is how we have implemented and the errors are wrapped into the input field.

    Arlind

    Hi Love the template. I have found a bug in the dashboard. When the menu is fully extended. If you close an active menu item then shrink the menu (press the shrink button). Hover the menu item you have recently closed you can see the items title but not the sub menus.

    keep up the good work

    Hi echrom

    I have tried to simulate the given steps to see the issue but the submenus shows properly, see screenshot:

    http://cl.ly/Wt1m

    I have closed active menu item and then shrink the menu, after hovered the submenus are shown good!

    Many thanks for your kind words!

    Arlind

    Hello. i have two questions for this template.

    will be frontend 404 page?

    and second.

    when data table change page, select2 is not working on all. how to make it?

    Hi, we won’t be updating the front-end theme, at least not for now. I checked also the data tables, have you tried on another website because it is working fine in our test site.

    Art

    Guys, frist off I am really impressed with the quality of this template. Good job!

    I’d like to make a fixed header. Do you have any suggestions on how to go about this?

    Hi rappie, if you use the horizontal header, the header is fixed by itself you don’t need to edit anything, check it out: http://demo.neontheme.com/layouts/horizontal-menu-fluid/

    And the fixed sidebar here: http://demo.neontheme.com/layouts/fixed-sidebar/

    Best Regards,
    Art

    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