Discussion on Xenon - Bootstrap Admin Theme with AngularJS

Discussion on Xenon - Bootstrap Admin Theme with AngularJS

Cart 3,090 sales
Well Documented

Laborator supports this item

Supported

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

520 comments found.

Thank you for the angularJS version. 2 Feedbacks: 1) use bower for dependencies 2) use UI-Select for select2 boxes: https://github.com/angular-ui/ui-select

Hi sfakir

Thank you so much for your kind words and suggestions.

We will definitely include these features. I have never used bower so can you please tell me any how can I simply create this file, I would be really grateful.

Thanks

Arlind

Is there any documentaion on how to implement ng-controller and factory

Hi vembu

Here you have Controllers explained: https://docs.angularjs.org/guide/controller

And here explained Services and Factories: https://docs.angularjs.org/guide/services

Hopefully this will help you.
Arlind

I am using angular.js version of the theme. When resizing the browser window to check the mobile compatablity i see a strange issue with the menu. Please refer the attached screenshot. And let me know if there is any fix available.

https://drive.google.com/file/d/0B_bkqTiYqMqeaDZnVHRLWlFMOUk/view?usp=sharing

Hi vembu

We are aware of this issue and we have fixed it. We will release new update in few days with lot of fixes and new features.

Arlind

Hi,

Where do i find the documentation for angular js version.

Thank you.

Please disregard, I found what i am looking for. Thank you

Glad to hear that :)

I bought the theme because your graphics are different and interesting, but I find that are not included, do not think this information should do the ad? I am very disappointed because the ad tells 20+ graphics and is not true.

Hi sistemasbrasileiros

Firstly thank you for purchasing this theme.

We have talked to Charts Developer and they said to us that we shouldn’t include the dx.chartjs.js in downloadable file of Xenon, only in demo site just to demonstrate how they work, but you have full instructions how to import them and takes just 1-2 minutes, see how it looks:

http://cl.ly/Y4wm

So basically following the steps provided in the screenshot you will have the same look as in our demo. Don’t worry, you have not lost anything, you still get all the features.

Arlind

Hi,

thank you for this great theme! is it possible to merge the angular version of xenon with the meanjs project structure? do you have any experience with that? is there elegant way to combine or do i have to do everything by hand?

thank you!

Hi byscnet, we are sorry but we don’t have plan to use meanjs on our theme for the moment, and we don’t have experience with it.

Ylli

Hi,

I have been looking at Xenon admin themes for my application and so far its really impressive.

Noticed that font icon of editors and menus are not getting loaded properly in Firefox v33.1 browser while accessing http://themes.laborator.co/xenon/angular/#/app/forms-wysiwyg

However, this was not the case in other browsers(tried with IE 11 and Chrome).

Any advice?

Hi vembu

I have fixed the issue in demo website also. What you need to do is just upload these files to assets/js/ folder (extract them first):

http://cl.ly/YnR3

Hopefully this will help you.
Arlind

Thanks, Believe it should be uploaded to assets/css/fonts/fontawesome/ folder. Please correct me if I was wrong.

Yes you need to upload them to assets/css/fonts/fontawesome/fonts/, sorry for the mistake above.

Kind Regards,
Art

First of all, love the theme. Thank you!

Question: I notice when I set Sidebar and Horizontal Menu to Fixed, then scroll down with mouse or trackpad that the background behind the Sidebar will follow the page (as if Static), leaving the menu text in place so that it looks a little crazy.

Can you tell me how to prevent this?

Thanks!

...this is using the Angular version.

Hi matthewbga

Firstly thank you for your kind words, we are glad to hear them.

I have tried to figure out what is the issue here but unfortunately I am not able to produce this issue. Here is the screenshot when I use both horizontal and sidebar menu fixed:

http://cl.ly/YnQL

I don’t see anything wrong here, what else could be or how can I reproduce the issue you are talking about.

Arlind

Hello, I really like the Angular version it’s been easy to get up and running.

One thing that I can’t seem to figure out is how to make the side nav menu fixed when it is collapsed.

I can get it to work just fine when it’s open, but when it’s collapsed it scrolls with the page.

Hi sanchez4

Firstly thank you for your kind words.

The reason why sidebar stays “static” when its collapsed because when you submenus that exceed the page height you cannot see them, here is one case:

http://cl.ly/YnAS

In this screenshot I have manually set the sidebar position to fixed. And shortened the page height (removed the content) to prove that:

1. When you hover in any element that has many submenus, it will show only what you see in viewport and the others cannot be seen. See there is scrollbar appearing!

2. If you have for example 10 links in the first level, it depends how tall is window to show them, if you have more elements that exceeds the window height, user will never see them because there is no scrollbar display.

However, you can try this by yourself and see if it works for you. If you have always content that has bigger height than the sidebar, you can use the fixed position collapsed sidebar.

.sidebar-menu.collapsed .sidebar-menu-inner {
    position: fixed;
}

Hopefully this will help you.
Arlind

Hello !

I have a problem with Dropzone. I don’t find anywhere in Google, how can I display the thumbnail of the file which is sending. I succeed to display the file when It uploaded but not while. How to proceed ? :)

Here’s my code : https://gist.github.com/fdusautoir/e0467e9adad26d127631

Hi fdusautoir

The dropzone plugin developed by this developer:

http://www.dropzonejs.com/

In this site you can find what you are you looking for.

Hopefully this will help you.
Arlind

Found a bug in the demo:

1. Collapse the sidebar 2. Open Dashboard Varient 2 3. Resize the window a big, (triggering the chart resize) 4. Open sidebar, charts do not resize, they get pushed off screen.

Hi,

I checked this on the demo and it seems to work, anyway thanks for reporting it, we will release the new update this week and we’re trying to fix all the bugs reported.

Kind Regards,
Art

CHARTS:

Hi again. Having a hover issue on the charts, when I hover over the color part of the chart (the data), instead of a stripped color like you have on your demo, mine either disappears or goes white.. Have you encountered this?

Hi there,

are you sure you have imported the charts the right way, can you re-download the theme again and check if the problem is still appearing.

Kind Regards,
Art

I add the active class to li but I have to click on the main-title to expand the li parent, How to do it automatically ?

<li> <a href=""> <i class="glyphicons glyphicons-tags" /> <span class="title main-title">Avantages</span> </a> <ul> <li class="active"> <a href="{{ route('admin.advantage.category.create') }}"> <span class="title">Créer une catégorie</span> </a> </li> <li> <a href="{{ route('admin.advantages.categories') }}"> <span class="title">Gérer les catégories</span> </a> </li> <li> <a href="{{ route('admin.advantage.create') }}"> <span class="title">Créer un avantage</span> </a> </li> <li> <a href="{{ route('admin.advantages') }}"> <span class="title">Gérer les avantages</span> </a> </li> </ul> </li>

Hi there,

add the expanded class to the main li item which is Avantages, I hope this will fix it.

Kind Regards,
Art

Unfortunately, that’s not working. :( Is there a way to fix this ?

Thanks

EDIT : Just fixed this with “opened” class added. ;)

Hello, Thanks for a great theme! I started encountering an issue today (11/30/14) with the tabs: When a tab is selected, and the mouse rolls over the inactive tabs, there is a thin outline that appears around the active tab header, which makes the tab contents shift slightly. I am finding this using Chrome (v39.0.2171.71) and Firefox (v33.1.1), but not Safari. Any ideas? Small issue, but very unnerving visually when working with tabs.

Thanks!

Hi nlifors, thanks for reporting this, we will include thin on next update, but i’m giving you hotfix first, just add this line of code on your CSS.

.nav.nav-tabs>li.active>a {
       border: none !important;
}

Ylli

Thanks for a quick reply, that works!

Glad to hear that :)

Hi,

Nice work :)

Can we have “chat” widget fixed to the bottom to be always displayed even when scrolling? (as facebook)

Thank you for your feedback :)

Ah, now I got it. This week we are planning to release a new update so maybe we’ll add this to the new features too.

Kind Regards,
Art

Great! I’m waiting for! It will be very nice! Thank you very much for your feedback :)

You’re welcome.

Not sure if this is a bug, but I am trying to use the countUp xe-counter and when I put a data-to=”{{total}}” it’s shows up as a ”—” and says: countUp error: startVal or endVal is not a number

clearly is, because I am outputting it next to the title, says 43

any thoughts?

this is actually happening with all the angular directives you made, I cannot pass in dynamic data to the directives.

Hi

The reason why this happens is because these values are not being sent as numbers. Try setting static numbers and if it works then you should check if your controlles has scope variables declared.

Arlind

Hi – Great product.

Any help on making nested conversation view (in your ui/widgets) so that it can show at least a response?

Please dis-regard, I found it in extra/profile

Glad to hear that :)

Kind Regards,
Art

Hello, I just purchased this theme and installed it locally on my Mac but when I open the folder to test the theme, it won’t work and the initial loader keeps spinning.

Am I missing something?

Thanks for your support and great job with the theme

Hi Sgroove

Firstly thank you for purchasing Xenon theme and for your kind words.

The reason why it infinitely spins and not starts is because it should be loaded via webserver, for example use XAMPP and then put the files to htdocs folder.

Hopefully this will help you.
Arlind

Hi, What authentication method are you using (or would you recommend) for the angular version? Thanks, Dave

Hi daverevay

I am new at Angular JS and don’t know which is the best Auth method available for angular. The login form you see in demo version uses simple POST login with jQuery, however the backend is what makes sense in authentication method. I believe Laravel offers the best authentication methods.

Hopefully this will help you.
Arlind

Hopefully this will help you.
Arlind

Hello, i want to apple your “Tech Store” to my wordpress site, i have bought it but have do i do? and how do i install all of the demo content?

/Erik

Hi Erik,

can you please comment again in the Aurum theme because we had a bug that redirected you to another theme.

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