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.

It would be great a pricing page too

Hi carlituxman,

Thanks for your suggestion.

We don’t plan it for the moment, but it can happen through updates :)

Kind regards,
—Ylli

Hi ! thank’s for the information before, the problem is solved now, but i get new problem here, when i used the datatable, and inside the datatable i used tooltip, the tooltip is not show ? but when i place the tooltip outside the datatable, it show ? can you tell me, what’s wrong ? thank’s

Hi zulmix,

Please just write a ticket on our external support system.

Take me to item support >

Kind regards,
—Ylli

RTL in many components not behaving right specially in frontend template, is this issue fixed or still there, please advice.

Hi umarmughal,

We just wrote this on our to-do list and we will try to fix them when we release a new update of Neon.

Kind regards,
—Ylli

Hi….....

Thank’s for this theme. i like it so much, i have some problem in here, why when i call the enthypo font, it doesn’t show in page admin, i use codeigniter v3 in my page admin. when i use inspect elemen, it show this notice

Font from origin ‘http://[::1]' has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost' is therefore not allowed access.

help me please ! thank’s…...

Hi zulmix,

We have moved our support system to Ticksy, which is more advanced and secure support system management.

From now on, if you need our support please just write a ticket on our external support system.

Take me to item support >

Kind regards,
—Ylli

Hello,

My support expired, but, any way, may you can help me…

I use panel with only one collapse option.

Code here
<div class="panel panel-default">
  <div class="panel-heading"><div class="panel-title">Info</div>
    <div class="panel-options"> 
      <a href="#" data-rel="collapse"><i class="entypo-down-open" /></a>
    </div>
  </div>
  <div class="panel-body">Data</div>
</div>

To collapse panel I need to click on A tag. I want to make “panel-heading” element collapse panel on click.

I tried
  ...
  <div class="panel-heading" data-rel="collapse" />
  ...
But “panel-heading” element not collapse panel like
  ...
<a href="#" data-rel="collapse"></a>
  ...

How can I do collapse when “panel-heading” element is clicked?

Hi Dimetreus,

you should fine this line in neon-custom.js on line 254~ (may not exactly be the same in your copy if you have changed that file, but search for this code:

.on('click', '.panel > .panel-heading > .panel-options > a[data-rel="collapse"]', function(ev)

Replace it with this one:

.on('click', '.panel [data-rel="collapse"]', function(ev)

This will make all links inside panel with data-rel=”collapse” attribute collapse the panel.


Kind regards,
Arlind

Thank you, this works!

Hi – In the Neon theme, I am trying to dynamically add items to the ‘Raw Notifications’ drop down in the header using jquery. Any items I add dynamically are not appearing. Is there some function I need to call after a new li is added to the ul? I tried $(’.dropdown-toggle’).dropdown(); but that didnt work

Hi there, 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,
Art

The theme was purchase under the account iniyazov

Hi cmitch10,

Then please post from that account, because we are not allowed by Envato to reply to the users who doesn’t have Purchased badge.

Hope for your understanding!

Kind regards,
—Ylli

I just bought this theme. Can you tell me how do we install it?

Hi searz,

Neon is a pure HTML theme and it is not installable to any system like WordPress or Drupal so you can only drop it to any server and the theme will open but it needs to be edited through any editor.

Kind Regards,
Art

Hi there.

Does the chat in the script work? or is it something that needs coded first?

Hi Maedrys,

Thanks for your interest :)

We have just designed the Chat area. So it needs to be coded.

Kind regards,
—Ylli

Hello.

On Mac OS X 10.11.4 (15E65), Safari 9.1, the menu content disappear when the Chat opens.

A video of the problem: https://youtu.be/e1NUykIoIlc

Any ideas how to solve this?

Best regards

Hi rebellomedia,

Thank you so much for your kind words. We would be very glad to see what you have done with our theme after you finish your project.

Can you please try the following CSS, maybe it can work for you:

.page-container .sidebar-menu.fixed {
    top: 0;
}

If it doesn’t then I should check your site live and test it on my Safari.


Kind regards,
Arlind

Hey.

This made the menu content disappear immediately without opening the chat.

Link to the development site:

https://ff2.rebellomedia.se

- Bad certificate, but continue anyway. (this is just a development site, so that our customer can follow our progress)

- Click “Logga in” on your top right

Username: test1@test.se

Password: TestTest

- Open the Chat while the Menu is visible. The menu content “should” disappear. It does for our customer, three mac os x/safari users, whom we’re building this site for.

How does it work for you?

Best regards

Andreas

Hi Andreas,

Can you please add this CSS:

div.sidebar-menu-inner.ps-container {
    position: fixed  !important;
    left: 0  !important;
    top: 0  !important;
    bottom: 0  !important;
}

I guess this will work for you.


Kind regards,
Arlind

Hello,

Any chance we could get SASS files for this theme? The SASS community seems to be an awful lot larger than LESS and a number of our existing developers use SASS, not LESS.

Thanks!

Hi Medusiform13,

Thank you for your comment, for the moment we don’t plan to use SASS on our Neon template, we will start using SASS on our future projects because we see that now is being widely used :)

Kind regards,
—Ylli

Hi, I’m trying to compile the less files with gulp and laravel-elixir, but I have this error:

Unexpected } -lh-property: 0; } @-webkit-keyframes reloadingAnimation{ 0%{ -webkit-transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); }}}

It seems the error is the file panels.less above the line 358

.keyframes(~‘reloadingAnimation, 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); }’);

If I comment this line, gulp compiles correctly. Can you provide a fix for this please? Also, my purchase code is: fd678b68-f938-4bd1-9215-27a1ca7a9efa

Hi jago86,

This issue is related to lesshat.less so remove, if you are not using the latest version of Neon, download lesshat.less from this URL:

http://demo.neontheme.com/assets/less/other-less/lesshat.less

And replace in relative directory in your Neon theme files, this should work for you.

If that doesn’t work either then download the latest version available of lesshat from their website:

http://lesshat.madebysource.com/

Hopefully this will work for you.


Best regards,
Arlind

toastr notofications has a bug, it doesnt work properly. if the page has a scroll bar and you review the bottom of the page you cant see the notification

Hi okansarica,

Can you record your screen so I can see whats happening in that case?

This could help me find the issue easier.


Best regards,
Arlind

i fixed the problem, when you set perspective to body in core.css notification doesnt work properly

Hi okansarica,

Glad to hear that :)

Kind regards,
—Ylli

i have a problem with js datepicker popup, can you fix it and how to fix it

i take screenshot for you https://drive.google.com/file/d/0BwMoFWrEVar3RUx1dFhENjZlMXc/view?usp=sharing

my site is ticket.teta.pw

Hi aldhi_5,

Can you please add the code below to Custom CSS

.datepicker.datepicker-dropdown {
    z-index: 99999 !important;
}

Kind regards,
—Ylli

Hi Support Team

Item Purchase Code: 6576d6c2-738a-471f-a4e4-921d22410970

There is a bug when you open a modal, then hide it, then open an other different modal you get a strange effect. Please check this video:

https://www.youtube.com/watch?v=Kspo--1302k&feature=youtu.be

can you help please?

Hi

This is not problem of our theme. I gave you the right implementation of Bootstrap modals, you should not “process” things in modal, at least this is not supported for the following reasons:

1. When calling $( el ).modal( ... ) you are referring to Bootstrap Modals, and thus in your code you are triggering two modals at once which is not possible.

2. The “Processing” code should appear in the same modal (one modal only), so manage your code to show in single modal both with process message and stuff after that.


Best regards,
Arlind

Arlind,

This is possible. Check this video from your theme: https://youtu.be/rHMy2N6ABFU

Hi

I see you have managed to achieve that.

However I don’t find it visually valid because there appears a “strange” that disappears with within second.

It would be a better idea to create a “block screen” script for this, instead of creating new instance of Modal. Or whats better, in the same modal append the loading, this is the simple way to explain it:

<div id="your-custom-form-modal-container" class="modal">
  ...
  <div class="modal-content">
    <div class="loading-state">
        Loading content...
    </div>

    <div id="your-custom-form" class="the-form hidden">
        ...
    </div>
  </div>
  ...
</div>

// On JavaScript end it will look like this:
$( '#your-custom-form-modal-container' ).modal( 'show' );

$.ajax( { ... } ).complete( function() {
    ....
    // Finally show form
    $( '.loading-state' ).addClass( 'hidden' );
    $( '#your-custom-form' ).removeClass( 'hidden' );
} );

I hope you will find it useful.


Best regards,
Arlind

I’m using the neon theme to build a control panel for my home automation system, but I have some problems with the switch boxes. I can’t seem to figure it out…

If I open the forms-main.html everything is OK, but when I try to implement “Switches – Checkbox & Radio” on my own page, they look just like ordinary check/radio boxes… No styling nor functionality applied.

I’m an experienced JS/PHP programmer.

Disregard. I figured it out. :-)

Hi ronore,

Glad to hear that :)

Kind regards,
—Ylli

Hey again.

Next issue ;-)

On extra small devices, notification dropdowns render their content outside the screen. It doesnt seem to be responsive at all.

Screenshot:

I thought i’d point it out. If you have a solution i am of course grateful. For the time being i will make the notifications icon open a separate page on extra small devices, ie no dropdown.

Best regards, Andreas

Hi Andreas,

Please add this CSS:

@media screen and (max-width: 480px) {
    .notifications .dropdown-menu {
        max-width: 250px;
    }
}

This should fix your issue.


Best regards,
Arlind

Hello.

In the latest Firefox and Chrome, the chat conversation (div.chat-conversation in Neon Chat) ends up behind some elements in the main content div-element (div.main-content).

Screenshot:

This screenshow shows elements from your profile page example, but the problem is not only here.

Any ideas how to fix this?

Best regards, Andreas

Hi Andreas,

Please add this CSS, it will fix your issue:

#chat {
    z-index: 100;
}


Best regards,
Arlind

Hello.

I got help from a fellow webdesigner.

He solved it with this:

.page-container .main-content {
    z-index: 1;
}

If i notice the problem on something else we use from your theme, i will try this for sure.

Thanks.

Hi rebellomedia,

Glad to hear you managed to fix it.

Kind Regards,
Art

Bug report: it seems that the assets/js/datatables/datatables.js file contains the whole jQueery build in it. Therefore e.g. html/neon/tables-datatable.html includes two instances of jQueery. It caused minor rendering problems on in my project, but it took me like 3 workdays to figure out what is the source of this problem :-(( Please have a look at it and replace the datatable.js with a correct build without jQueery.

Hi josefrichter

Thank you so much for reporting this bug, it seems lot of users have had this issue and they were searching for different alternatives. I have re-build the data tables library and here is for you to download:

http://drops.laborator.co/16hGe+

Extract it and replace assets/js/datatables/ folder with the new one.


Best regards,
Arlind

Hello,

It appears that your live theme demo in Themeforest is not working. I keep getting the error “connection was reset” when attempting to load the page.

Hi wackypuppy,

We had a small problem on our server, but now everything is working and is back to normal, so please check it again :)

Kind regards,
—Ylli

Hi, please do you have the latest PSDs available for download? Ideally I’d need all the UI elements including tables, charts, buttons with icons, navbars, etc. etc. – there’s plenty of UI elements that are not included at all in the attached PSDs. Thanks very much!

Hi there,

The PSD included in the attached files are grouped and named correctly and you can build other pages from these PSD files, if you want I can send you the other PSD Files which are not formatted and totally un-arranged.

Kind 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