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.

Hi, I am having problems with the bootstrap wizard. I cannot get the onNext function to give me the current index. Is this a conflict with the version of bootstrap or there is something I am not doing right.

$('#rootwizard').bootstrapWizard({ tabClass: '', onNext: function(tab, navigation, index) { alert('next'); } });

I can’t get that to work and if I pick the exampes in custom.js segment of the plugin. It only fires once and not on every next click. Kindly assist.

Hi churchoz,

If you alert the index it will give you the current tab, I tried it and worked well.

$('#rootwizard').bootstrapWizard({
        tabClass: '',
        onNext: function(tab, navigation, index) {
            alert(index);
        }
  });

Arlind

Hi, Is there a way to select a specific tab on document ready event?

Thanks.

You can do it by adding the “active” class to the li element.

Art

I try to use the “Font Awesome Icon Set” on the “Tiles” and it’s not working, only the “Entypo Icon Set” works

Unfortunately, the Font Awesome works only in UI elements but not in the Tiles, it is a different method we have used to build the tiles and that is the reason why it doesn’t change when you change the whole icon set.

Art

Hi there,

First of all great theme! I’m building ruby on rails admin application and started looking for html project that I can integrate in my application. This project as I can see has a lot of stuff in it and I’ll probably won’t need everything but I was wondering how is the structure of the project organized? For me this is very important because I have to separate everything in order to add it my project – layout, different pages, images, stylesheets, javascripts, etc. Basically as simple is organized the better.

This is going to be my first purchase and I’m not sure what product as code I’m going to get so if there is a way to answer me this will be great! :)

Thanks!

Hi dminchev, thank you for all your words, I took a screenshot of the folder including the folders and files inside to make it clear for you how the files are organized.

http://cl.ly/image/293Z0m441T3t

Art

Hi,

I just have 2 questions :

- How is it working the page “track my order” ?

- Do you have more admin dashboard screenshot ? Where we can see how to manage the website (css,etc..)

Thank you

Hi Guillaume7, I think you have posted this comment in the wrong theme, maybe you messed up Neon with Oxygen.

The track my order is a WooCommerce module, so for any questions about how it works you should ask the team of WooCommerce, we have just integrated it into our theme.

Here is the screenshot for your second question: http://cl.ly/image/1m0h0d123E3t/o

Art.

Hi,

I’m trying to use the datepicker in modal but it is appearing below it. Could you help me make it come up? See how it is: http://prntscr.com/3r4dqh

Best Regards,

You are welcome :)

I can use the 24h timepicker?

Sure,

Here is one example:

$('#timepicker2').timepicker({
    showMeridian: false,
    defaultTime: false
});

Hi…I loved your theme and I bought it, but I thought when I buy this item I will have every page and style on photoshop unfortunately the psd files are only front and dashboard design,but I need to redesign the control panel. is it possible to have all the psd files such as IU elements, forms, buttons, menus, I mean everything available in the demo as html.. I need to design a control panel, but unfortunately I don’t have any knowledge of coding so I need to design everything on photoshop again by using your interface. I hope I explained my self :) I would very much appreciate if you share all the psd files of theme (control panel)

Hi cemilada, the reason why we have not included all the PSD files on Neon is that the pages were not designed page by page but only the elements and then we built them up with HTML. I will give you some of the PSD files I could find, I hope they will make your work easier:

http://www.sendspace.com/file/pn16yz

Cheers,
Art.

Hi thank you for the files, but Im having problems designing some pages on our projects, and I need more psd :(( can you not find all the psd files:(( please.. I am stuck

Hi cemilada, that’s the way we have built the pages, I also have some messed up files, if you tell me which one you want I will attach them and give you the download link.

Art

Forms -> Basic Elements -> Switches – Checkbox & Radio -> Colors

When I use the code <div class="make-switch" data-on="success" data-off="danger" />

the color for data-on, it is right. But the color for data-off is always grey. How can I change it?

Hi abulama, try changing the color by overwriting the CSS, copy and paste this in one of your CSS files:
.has-switch span.switch-right.switch-right {
background: #777 !important;
}

Art

OXYGEN THEME New purchase (today) and using WP 3.9.1 on a brand new fresh installation without outside plugins installed. After installing this theme and going through the doc’s and eventually theme options I see that 2 things are giving me an issue… 1) the contact us page does NOT show a map background like the theme demo does even though I have the store address listed within that page. (http://www.sellyoursole4charity.com/contact-us/)

and 2) per the theme doc’s I see there is a section dedicated to Blog settings… however, this is not consistent with the backend settings I have…. noo blog settings for me. (See bottom of documentation for the Oxygen theme)

Any ideas on how to fix?

Btw,- I would have commented in the Oxygen comments area… but there doesn’t seem to be one and the link from the purchase page sends me here.

Hi ksteele36, about the contact page, have you followed all the instructions and set up the location right?

Can you please send us an email with all your login information here:
info at laborator dot co

Art

Hello!

Is it possible to add text on the sidebar’s footer? can you please help me with the required CSS?

Thanks!

Hi faisalah123,

Just add this html inside “sidebar-menu” element:

<div class="sidebar-footer">
    Some text here
</div>

# CSS
.sidebar-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #FFF;
padding: 20px 25px;
text-align: center;
border-top: 1px solid rgba(255,255,255,.1);
}

The output will be something like this:

http://cl.ly/Vvey

Arlind

NICE!!! thank you!!

You are welcome :)

Hi, Just bought the theme but we’re having a number of issue. How can we set the theme color? Right now everything is yellow.

Hi almogdesign, what you have to do is to remove the line where the CSS file is included, i.e. in the header of the file look for a line like this

<link rel="stylesheet" href="http://demo.neontheme.com/assets/css/skins/yellow.css"  id="style-resource-9">
and remove it, also on the body element, remove this class: skin-yellow

Art

Thanks well test it out but I think we’re going to go with a different theme

Okay, it’s your choice.

Art

Hello,

I have some issues with the side bar toggler. When I click on the toggle icon while I’ve toggled the user bar from dashboard-2 (even if i put it back on the old position), the sidebar will retract but the toggle icon will just dissapear. This means you can’t put it back on its extended position.

As far as I can see no more problems, this theme is the most awsome one I’ve ever seen!

Thanks

It doesn’t seems to work. But, what i see is it sometimes does show up. When it does, you can use it the whole time, untill you reload the page. I’ll test something more out, but I don’t expect that mutch

Hi Koding,

I have modified the neon-api.js file so please download the latest version here: http://cl.ly/VuT9 and replace to your current project, it should now do the trick. It worked for me at least.

Arlind

Hello,

I’ve tested it but it doesn’t seems to work. But it appears more times now. I’m testing it now on a Ipad 2 IOS 6, the browser is google chrome. My site: http://www.cookcraft.nl/project/final. I diddn’t modify that mutch, only make it more readable on notepad++ and add a ajax page system.

Greetings

Strange behavior with Simple Editor!

I am on Firefox and I tried to paste a set of links to the editor, and then if I right click at the end of the content, I will not be able to see the Paste menu context as usual, and the cursor become the pointer instead of editing cursor. This only happens with Neon theme because I did try the same thing on original library (bootstrap-wysihtml5) and it works properly without any issue. Please check and update ASAP

Thanks

We noticed strange behavior on our site when we implemented side menu with expand/collapse functionality. When you are collapsing menu sometimes hamburger icon disappears, this is random thing at it happens sometimes on first collapse, sometimes later, and we tested in chrome, IE and firefox, same thing is happening.

We noticed two things, first sidebar-collapse div is calculated with -202px left style, and it is outside viewing area and second that problem is gone if we remove delay property in neon-api.js on line 201. So if we send TweenMax.to without third parameter (delay .1) it works fine. if( ! rtl()) { TweenMax.to($collapse_icon, .5, {css: {left: -padding_diff+3}, delay: .1}); }

Can you help us out and maybe explain why this is fixed without delay parameter, do you have any hint?

Hi Dannyhaak

I have modified the neon-api.js file so please download the latest version here: http://cl.ly/VuT9 and replace to your current project, it should now do the trick. It worked for me at least.

Arlind

Hi Arlind,

Thanks. We tried, and it doesn’t seem to work.

We think it is a timing and delay issue: there is a JS variable sidebarTransitionTime which is on 600ms, when you put it n 700ms (make animation slower) bug disappears, when you put it on 600ms or lower bug is there (lower you put more often you will reproduce).

Regards, Danny

Aha, It is so strange, so I will change the 600ms to 700ms and remove this problem.

Thanks for your suggestion Danny!

Arlind

Hello! The Placeholder text does’nt display in IE 8/9, atleast it should work in IE 9 coz its a pouplar browser. Please help me resolving this problem ASAP.

Thank You.

Hi Customer3SIXTY, our team uses Apple devices and couldn’t view all the theme in IE to test it, we will check it and release an update soon, we apologize for the bugs you’re facing.

Art

Hi! I’m having issue displaying modal dialog when using in conjunction with datatables. Model dialog doesn’t show up. If I disable the javascript of the datatable it works. Can you send me an example of how to implement this? Thanks.

Hi jliew1975

The problem with this is pagination of data tables, so you should implement “live” events on data tables, so for example you have a link inside a column in data table with this class “modal_opener” then to always have it working you should implement this code:

jQuery(".your-table-container").on('click', '.modal_opener', function(e)
{
  e.preventDefault();

  // Then use the code to open the popup modal, example:
  jQuery(".my-modal").modal('show');
});

This will works always.

Arlind

Hi,

when I add the code for “Table with Column Filtering” it always shows only 10 entries at beginning. I want to, that it shows all entries at beginning. Is it possible?

Thanks…

Hi abulama,

Sure its possible just set iDisplayLength to -1 Example:

$('#example').dataTable({ 
"aLengthMenu": [
            [25, 50, 100, 200, -1],
            [25, 50, 100, 200, "All"]
        ], 
"iDisplayLength" : -1 
});

A Question about the sidebar menu …

I,m actually using your theme for a Project and i heavily use ajax…

Undercertain circumstance, the side-bar menu would have to change tu adjust some option… There’s something in your api to help change the menu and keep opened sub menu there or i have to remove completely the menu in ajax, reload it, call the setup_sidebar_menu() function and find a way to re-open my menu myself ?

Hi davidfredette,

Also other users have this issue, here is quick fix for you.

I have modified the neon-api.js file so please download the latest version here: http://cl.ly/VuT9 and replace to your current project, it should now do the trick. It worked for me at least.

Arlind

I think you misunderstood my problem… Let’s say in the left menu i got a section with sub menu… If the user is accessing the page for the first time, in that menu, it will have only the option “Create new thing” ... But when he create his first thing, i’ll have to add another options to that menu… Something like “List my things”, “Modify my thing” and so on…

I already have all my menu section in sub-file that can adjust from context…

Let’s say i have a menu “things” that can get 3 submenu items “add”, “list” and “modify” depending on context… After doing an action on my web app, if i call in ajax to reload the menu “thing” to get the new context, event for submenu opening aren’t bind… And if i call the setup_side_bar() again, the other menu already present got 2 event for their click and so on…

So there’s a way to unbind and rebind event on the main menu item to make it work correctly after updating menu content ?

If you already got something, cool ! If not, i’ll work with another approach…

Quick question: The chat API looks particularly interesting. Can it be used as part of the main page as well or only integrated via “sidebar” resp. widget? We need to implement a chat in the main part of the website.

Thanks in advance!

Hi Neoos,

The Chat API works independently with any page, you just have to add the html structure to the .page-container element, directions for this are written here: http://documentation.laborator.co/neon/#6_1

Then you can include whatever you want, it should not be any problem.

Arlind

OK, thanks for the response. Just to be clear: The chat is always on the right (toggled in/out), but cannot be part of the main page section? Is that correct?

Aha, I now have the idea what you want, but unfortunately this is not possible, because the left sidebar is only reserved for the Menu items (you can add other items if you style them independently) but the Chat comes as a component and it requires that structure. I am sorry for this :(

Arlind

These too

./neon-core.css:11956:  -webkit-transform: scale(1, );
./neon-core.css:11957:  -ms-transform: scale(1, );
./neon-core.css:11958:  transform: scale(1, );
./neon-core.css:16524:  -webkit-transform: scale(0, );
./neon-core.css:16525:  -ms-transform: scale(0, );
./neon-core.css:16526:  transform: scale(0, );
./neon-core.css:16632:  -webkit-transform: scale(0, );
./neon-core.css:16633:  -ms-transform: scale(0, );
./neon-core.css:16634:  transform: scale(0, );
./neon-core.css:21599:  -webkit-transform: scale(0, );
./neon-core.css:21600:  -ms-transform: scale(0, );
./neon-core.css:21601:  transform: scale(0, );
./neon-core.css:21651:  -webkit-transform: scale(1, );
./neon-core.css:21652:  -ms-transform: scale(1, );
./neon-core.css:21653:  transform: scale(1, );
./neon-core.css:22864:  -webkit-transform: scale(1.15, );
./neon-core.css:22865:  -ms-transform: scale(1.15, );
./neon-core.css:22866:  transform: scale(1.15, );
./neon-forms.css:7166:  -webkit-transform: scale(1.15, );
./neon-forms.css:7167:  -ms-transform: scale(1.15, );
./neon-forms.css:7168:  transform: scale(1.15, );
./neon-theme.css:5194:  -webkit-transform: scale(0, );
./neon-theme.css:5195:  -ms-transform: scale(0, );
./neon-theme.css:5196:  transform: scale(0, );
./neon-theme.css:5245:  -webkit-transform: scale(1, );
./neon-theme.css:5246:  -ms-transform: scale(1, );
./neon-theme.css:5247:  transform: scale(1, );

Once it is fixed for one issue, it will be counted for other issues too, so there will not be any problem with scale(1, ); transformation.

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