Discussion on Xenon - Bootstrap Admin Theme with AngularJS

Discussion on Xenon - Bootstrap Admin Theme with AngularJS

Cart 3,091 sales
Recently Updated
Well Documented

Laborator supports this item

Supported

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

520 comments found.

If I follow your instruction and import dx.chartjs.js to my local file, does that mean I get the permission to use it permanently? Do I still need to pay $299 after 30 days?

Hi starfishjing

Based on their declaration you should pay charts license after the trial expires, but I am not sure how does that works. Please see if after 30 days your charts will shown or not and decide whether to buy the license.

We have purchased license because we need for demo purposes, and also wanted to include the same copy in Xenon download but they didn’t permitted it, each user has to download them manually.

Hopefully I was clear on my explanation.

Arlind

This is a little disappointing. The main reason I paid for this template is the charting function is interesting. If I’m not sure if I need to pay extra $290 after 30 days, I don’t even know if I should invest my time in customizing your theme at this moment. Can you talk to them and confirm how it works? This is important.

Hi starfishjing

Our theme is independent from DevExpress ChartsJS, it will work with whatever charts library you use.

Its their policy (DevExpress) for each website to purchase license of the charts. However you can use the trail version, and only if it shows a message after expiring you can pay the license. Otherwise use on your own. Thats what I can say.

Arlind

Hi Great theme, Can you help me with the following issue?

I am putting some content in the sidebar. On responsive this content is not getting hidden


<div class="row">
<div class="sidebar-menu toggle-others fixed">

            <div class="sidebar-menu-inner">    
                <div class="col-md-6">

                    <!-- Default panel -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Default panel title
                        </div>

                        <div class="panel-body">

                            <p>Folly words widow one downs few age every seven. If miss part by fact he park just shew. Discovered had get considered projection who favourable. Necessary up knowledge it tolerably.</p>
                            <p>Unwilling departure education is be dashwoods or an. Use off agreeable law unwilling sir deficient curiosity instantly. Easy mind life fact with see has bore ten. Parish any chatty can elinor direct for former. Up as meant widow equal an share least.</p>

                        </div>
                    </div>

                </div>

                <div class="col-md-6">

                    <!-- Default panel -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Default panel title
                        </div>

                        <div class="panel-body">

                            <p>Folly words widow one downs few age every seven. If miss part by fact he park just shew. Discovered had get considered projection who favourable. Necessary up knowledge it tolerably.</p>
                            <p>Unwilling departure education is be dashwoods or an. Use off agreeable law unwilling sir deficient curiosity instantly. Easy mind life fact with see has bore ten. Parish any chatty can elinor direct for former. Up as meant widow equal an share least.</p>

                        </div>
                    </div>

                </div>
            </div>
</div></div>
<pre /></pre></a>

Hi royalczar

The given HTML is put in the wrong place, what you should do is put it inside “main-content” container. Please see “ui-panels.html” how to do this properly.

Thanks for your kind words.

Arlind

Apologize, I should have been clearer.

I don’t want menu in the sidebar. I want to put content in there. Like this

Screen Shot 2014 10 29 at 09 22 39

Hi royalczar

Sure it is possible but this is outside of the Xenon project scope, meaning that you should implement this HTML and style by yourself.

More information about how to extend the Xenon can be found on documentation here.

Hopefully you can manage to achieve this.

Arlind

Would really like to see the “logon light”, but it fails to load. Could you guys check it out and give us feedback ?

Thanks for a awesome template, once again! :)

Hi j0rg1

I have checked that page and this is how it looks to me: http://cl.ly/YGMr

This looks fine to me!

Thanks for your sweet words :) Really appreciate them

Arlind

hey arlind! love your stuff! i’m using neon on a client’s project right now :)

i’d love to see a forum page :)

Hi,

thank you for your kind words jbrody, we will be adding new features and pages in Xenon, we’re currently looking forward to add some pages and the front-end area.

Regards,
Art

Buttons appear to remain in ‘focus/active/highlight’ state after click. I have to click on another area outside of the button to restore it back to its original color. For example, simply click the red button on the ‘Buttons’ demo page. Note that it retains a clicked/dark red-ish color even after it was clicked when instead it should be restored back to the original red color. Is this something you can fix?

Hi esheri3

This is default behaviour of bootstrap elements. To fix it you must edit bs-less/buttons.less and xenon-less/buttons.less and remove the :focus state.

Arlind

The nav appears to be one or two pixels off relative to the links when the ‘search’ section is removed. For example, if you simply use the following nav, you’ll notice that the bars link on the left and the cog-wheel on the right extend beyond the white nav background. Is this something you can fix?

<ul class="user-info-menu left-links list-inline list-unstyled"> <li class="hidden-sm hidden-xs" style="min-height: 76px;"> <a href="#" data-toggle="sidebar"> <i class="fa-bars" /> </a> </li> </ul> <!-- FIXME: this is a pixel off - adding search form back in fixes, but we dont want search --> <ul class="user-info-menu right-links list-inline list-unstyled"> <li> <a href="#" data-toggle="settings-pane" data-animate="true"> <i class="linecons-cog" /> </a> </li> </ul>

Hi esheri3

I was trying to achieve your results but I was unable to do it. Is it possible to see it live?

Arlind

hi laborator really great theme and want to use angular version.I had seen a bug with menu “Others”.There is a hidden menu still present on all pages even menu is not selected and clickable.if some one clicks on that area are redirected to that links.Please see below link.

http://i.imgur.com/z8u226W.jpg

seen some other bugs but can’t reproduce again. I know angular is recently developed and bugs are common but I just thought bring to you.I’ll buy it defiantly in my coming project

ashwin

above bug is only reproduced when you click any items in “Others” .Strangely when page refreshed it is disappeared.

Hi,
we would like to thank you for reporting this, we will surely check and fix it in the next updates.

Regards,
Art

Nice theme :) Is there any chance that you can implement a Gantt chart – maybe something along the lines of this: jsgantt.com, with nestable/collapsible projectlist, name of project, start date, end date, and the gantt chart itself. Is there any chance that you can implement something like that?

Hi,
thanks for your suggestion, if we find it necessary we will add it as a feature in the future updates.

Regards,
Art

still no docs on angularjs version? :’(

Hi,
we’re sorry for the long delay, we will add the documentation in the future updates.

Regards,
Art

Hi randomnerd, we just wanted to tell that the documentation about Angular version is ready, and you can check that by going on this link

Sorry for the delay, enjoy Xenon :)

Hi, is it possible to have this in a Visual Studio project ? Thank you!

Hi,
we can’t help you on this issue, if you know how to include it in a VS project then you’re able to use it.

Regards,
Art

any plans to include front end?

Yes we’re planning to add the front-end too. Stay tuned.

Hi,

I just noticed that text brakes into lines in input elements (Google Chrome only). You can see it here: http://i.imgur.com/i1Ctoaj.jpg Also the ‘X’ that clears input is missing in Google Chrome.

I was able to reproduce same issue on couple of computers and android phone.

Could you please take a look on that?

Thanks!

Hi zjakub

It is strange how it goes to newline in input text field, I have tried on Google Chrome 38.0.2125.104 and worked fine, not shown in new line.

For the modals please move the modal container outside of the page-container div, move right before the end of body tag. It will behave normally I guess.

Arlind

Hi Arlind,

My chrome version is also 38.0.2125.104 (no extensions). I can reproduce this issue on multiple computers. I checked console and there is no errors. I don’t see same behavior on the login page.

Also please note the issue with “nav-info” container when you change the size of the browser window. I attached some screenshot with ruler on so you can see it 1) Width: 1111px http://imgur.com/5FxRK34 2) Width: 992px: http://imgur.com/ZE81q3x

Thank you

Hi zjakub,

For the “nav-info” this is something we have added because the more the window reduces the width the space becomes smaller and I have narrowed the paddings and margins to make it fit better for headers with more menu items.

Arlind

Hi,

It is very awesome, and I’m really satisfied. However there are some bugs in AngularJS version.

1. Floated Sidebar-Menu Sub-Items Bug 1) You may choose a sidebar-menu item which has sub-items. 2) If you collapse sidebar-menu, sub-items are still floated.

2. In mobile mode – Hiding sidebar-menu is better after choosing an item. – Top bar toggle doesn’t work.

Thanks.

Hi stevelee1129

Thanks for your kind comments, we will improve these sections in the next update.

Thank you for your suggestions, I am glad that you are satisfied with our product.

Best regards,

Arlind

The tags input plugin glitches when you type more than 5 letters. After pressing enter it pulls the tag appropriately but before submitting it creates line breaks.

Nice template besides the few glitches I’ve noticed.

Hi sperkins1995

This is happening because inputSize is set to 3em, if increased will not break the row.

Thank you for your suggestions

Arlind

Hi,

How do I set the upload path for files uploaded using the included dropzone example?

Thanks and great theme!

LS

Hi LS

Inside data/file-upload.php you can retrieve file with in this form:

$file_to_upload = $_FILES['file'];

// Uploading it
move_uploaded_file($file_to_upload['tmp_name'], "your-directory/file-name-to-set.extension");

This should work for you hopefully. Thanks for your kind words

Arlind

Perfect! Thanks!

LS

You are welcome :)

Hi Laborator, I’ve found some bugs:
  1. On profile page, if you scroll down with chat panel opened, links of chat panel becomes invisible. Screenshots: This happens, because tag “a” changed property “position: static” to “position: relative” (”#chat .chat-group>a” in xenon-core.css). This bug appears only on Profile page (at least as far as I noticed).
  2. Some bugs with drag’n’drop:
    a) On Gallery page two images on the right side has buggy d’n’d functionality (this bug has been fixed as I can see).
    b) On Gallery and Portlets pages, when you are moving item to right or bottom out of the screen, an unexpected behavior occures.
  3. On Inbox page icons of empty stars have class “fa-star-empty” instead “fa-star-o” as it has been changed in new version of Font Awesome. For now empty stars does not shown, so functionality is semi-broken.
  4. After switching on the Settings Pane (top of the surface), layouts type switches from “fixed” to “static” and returns to “fixed” only after closing the Settings Pane.
Can you fix this? Thanks for theme!

Hi akasangre

I have fixed few of your issues and some have remained for these reasons:

1. Chat links will disappear if window size is changed, simply call $("#chat .chat-inner").perfectScrollbar('update'); and everything will be placed fine.

2. On gallery I have added the placeholder container, now works a little bit better but I was unable to fix for the last element in the column. Adding containment: 'window' will prevent unexpected behaviour.

3. Fixed this (these fixes will be available in v1.3

4. The settings pane works in that way, I hope I can implement the fixed version of settings pane.

Arlind

I agree about the lack of Angular documentation. When I click on “Documentation about AngularJS version of Xenon can be found here.” it takes me to the same page html documentation.

Hi jhsantacruz,

I really am sorry about this issue, we are currently writing the documentation for Angular version of Xenon in the online documentation site, we will upload it in few days.

Arlind

Hi jhsantacruz, we just wanted to tell that the documentation about Angular version is ready, and you can check that by going on this link

Sorry for the delay, and enjoy Xenon :)

Can you add more documentation on how to use angular theme. The documentation on the angular is very poor

Where should we place your files, can we have separation from your javascript needs.

At least explain how your index.html is build and how to change the side bar menu items.

Like the product but I am just wasting lot of time trying to go through examples and getting it to work in my app.

Hi,
you’re right, we will add more documentation on the AngularJS version of the theme in the next update.

Regards,
Art

Hi paragsanghavi, we just wanted to tell that the documentation about Angular version is ready, and you can check that by going on this link

Sorry for the delay as we where on tight schedule for the upcoming theme, enjoy Xenon :)

The menu from the top bar is still bug in Mobile mode (navbar-minimal) http://themes.laborator.co/xenon/layout/horizontal-menu-min/

Theme HTML

Hi,
We have seen this bug and in the next update it will be fixed, sorry for the delay.

Regards,
Art

Is there a way to center the navigation on the horizontal menu all the examples seem to be aligned to the left

Hi XronnStudios,

Yes, you can add this CSS to do it:

.navbar.horizontal-menu .navbar-inner {
   width: 1160px; /* for instance */
   margin: 0 auto;
}

It will center the menu and right menu.

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