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.

Hi

thank you for this beautiful template,

what is the minimum config (files & modules) to start with angular template.

Hi AbderrahimDz2,

This question is related to theme developer and I am unable to give you any solution about this because I am not backend developer.

Our theme developer Arlind or Art can help you with this, but they took the vacation and they will be back on 24 August.

When they come back, just reply to this thread and you will make sure Arlind or Art will see your comment.

Hope for your understanding :)

Kind Regards,
—Ylli

Hello, I am planning on building an admin control panel for an open source project. Would I be allowed to use this template with the regular license?

Hi there,

For the kind of projects you want to use you need the Extended license because it will be re-distributed in many copies and with the regular license that is not allowed.

Kind Regards,
Art

Any chance this will work on AngularJS 1.4.3?

We are looking forward to update the theme soon, I don’t know if we’ll update the angular version too.

Kind Regards,
Art

Hi, are you planning new updates to the theme? I’m pretty interested and before start working I want to know if you are planning new updates as the last one was the 7th of December last year. Awesome work

Hi there,

We are planning some updates for both Xenon and Neon themes, but we are not planning any big feature just some bug fixes and refreshing it a bit.

Kind Regards,
Art

any timeframe?

We don’t have any ETA when the updates will be available.

Kind Regards,
Art

Hi mate

I was wondering if it’s possible to disabled the ability to collapse the sidebar to icon only mode ( tablet view )

Also will it be possible to show the menu by default in mobile view.

Hi Saijo

So you want the menu not to close on tablet view by default? If so, then open assets/js/xenon-custom.js file and delete the following lines:

http://drops.laborator.co/10guQ

Where the window event resize is attached.

If you want to show the mobile menu by default simply assign this class mobile-is-visible to main-menu menu element and the menu will be visible on mobiles.


Arlind

I noticed the tablet version does not show up great. Has this been fixed or does it still go to this layout?

Hi Jon711b,

Can you please upload screenshots on this site Cube Upload and then send us the link, we would like to see where and how those problems are appearing.

Thank you for cooperation :)

Kind Regards,
—Ylli

Hi Jon711b,

Thank you very much for reporting this, we have write this on our to-do list and we will fix this issue on the next update :)

Kind Regards,
—Ylli

Can you tell me how prevent a form submission if there are validation errors?

Thanks,

Angela

Hi Angela

If you have initialized $('#my-form').validate( {...} ) then you can check if the form is valid in this form

$( "#myform" ).validate( {
    rules: {...}
    submitHandler: function( form ) {

       if( $( form ).valid() ) {
         //everything is fine
         form.submit();
       }
    }
} );


Arlind

Hey have you got any tips about integrating the angular template with sails.js default structure? http://sailsjs.org/documentation/anatomy/my-app

Hi there,

I am sorry but we don’t have any tips on how to integrate it with sails.js as we’ve never looked up before and none of our users asked about it.

Kind Regards,
Art

hello, I want to purchase this theme.. I have read in comments that its only a style theme and can be intergrated in any framework.. I am interested in extended license if you can guide me which framework should I adapt or in which framework it can be intergrated well. I just need a login or membership system that’s it…

Hi Restum

Firstly thanks for being interested in our theme.

Yes, just like you have read, this theme might be incorporated to any framework of choice.

Basically any framework you choose it will work with Xenon.

The problem here is not which is the best framework for Xenon, but what platform you know the best and feel free to start developing Xenon theme on it, because you can connect theme style with the framework functionality quickly.

If you are familiar with CodeIgniter or Laravel (my preferred frameworks) then you can integrate it in any of these platforms, but always this is your choice.

I hope my answer did make a sense.

Cheers


Arlind

Hi, I started using the Xenon today. Just open in browser angular versions and this error is showing in console:

Error: [$compile:tplrt] http://errors.angularjs.org/1.2.26/$compile/tplrt?p0=sidebarProfile&p1=app%2Ftpls%2Flayout%2Fsidebar-profile.html I didnt change nothing just I download files in themeforest.net and run.

I searched here in comments for “[$compile:tplrt]” and another 4 users has the same error.

Could you please let me know if you have any solution?

Hi drupal008

The reason why Xenon doesn’t open is because you must open it in Apache webserver, so if you use XAMPP or MAMP local webserver or you have your own hosting space then upload Xenon files to htdocs folder to view angular version.

We are sorry for the delay of your ticket, we have clicked “Mark all as Read” button accidentally and we had difficulties to find all the unanswered tickets.

I hope this will help you.


Arlind

Bug for Mac OS X Yosemite version, Google Chrome 43 (latest one) I recorded video… here is the link :)

https://drive.google.com/open?id=0B72I1GpfbTV9bzRfNjd4WmtWNU0

When ever we open any item that has sub items it open and closes rapidly and then opens normally… All with one click…

Same on Windows Google Chrome v43… I can give live link as well to author in private, this is private prototype so I cant give it publicly yet…

Same problem on Windows Mozilla Firefox v39.0

Didn’t test on other browsers or systems…

Best regards, Marin Cokaric

Hi Cokaric,

Based on the video, we can’t do anything to help you, because we need to inspect the code to see what’s wrong.

Can you please write us your site URL here on comments first?

Kind Regards,
—Ylli

Please give me your email or email me at marin.cokaric@gmail.com so I can share url privately with you.

Hi Cokaric,

To send us email use this link and please write us your request again, because we receive a lot of emails on daily basis and we unfortunately can’t remember all customers requests.

P.S: Please note that we usually do not respond to emails that request support, because here is our primary support forum. We use contact form just for sending sensitive information.

P.P.S: Our theme developer Arlind or Art can help you with this, but they took the vacation and they will be back on 24 August.

When they come back, just reply to this thread and you will make sure Arlind or Art will see your comment.

Hope for your understanding :)

Kind Regards,
—Ylli

Hello, We are using this awesome theme, struck with one little issue. When we add buttons in button group, and when popover is added to these grouped button/s, hover shows up the popover, however it adds extra space between the button on which popover is shown and it’s adjoining button. Please see screen capture attached to showcase the issue. Here is the code from your template which will reproduce the issue. This is in file: tpls\ui\other-elements.html ======== Code ======== <button class=”btn btn-primary popover-primary” popover-trigger=”mouseenter” popover-placement=”top” popover-title=”Twitter Bootstrap Popover” popover=”It’s so simple to create a tooltop for my website!”>I’m a Popover</button> <button class=”btn btn-purple popover-purple” popover-trigger=”mouseenter” popover-placement=”bottom” popover-title=”Twitter Bootstrap Popover” popover=”It’s so simple to create a tooltop for my website!”>I’m a Popover</button> <button class=”btn btn-secondary popover-secondary” popover-trigger=”mouseenter” popover-placement=”left” popover-title=”Twitter Bootstrap Popover” popover=”It’s so simple to create a tooltop for my website!”>I’m a Popover</button> ============================ Screen capture link: --------- http://cubeupload.com/im/7MWsqa.png ============================ Can you please provide a fix for this issue as early as possible, we need it urgently.

Thanks, N

Hi nkaliya,

This question is related to theme developer and I am unable to give you any solution about this because I am not backend developer.

Our theme developer Arlind or Art can help you with this, but they took the vacation and they will be back on 24 August.

When they come back, just reply to this thread and you will make sure Arlind or Art will see your comment.

Hope for your understanding :)

Kind Regards,
—Ylli

Ylli,

This latest reply to the ticket is exactly the same (about team members on vacation) which you posted a month back when I had opened this ticket. Exactly the same wording except for add/change in the names of team member / vacation dates :)

Hi nkaliya,

I’m sorry but this is the second time that my teammates are going to summer vocation.

When they arrive please just reply this thread and they will be happy to help you :)

Thank you for your understanding!

Kind Regards,
—Ylli

i have bought the Xenox theme. The default theme is gray color so now i want to change to facebook skin color. when i am trying to apply custom css but it dosent work. Please guide me the correct way to do it. Thanks in advance.

Hi penugondanaresh , 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,
—Ylli

I would like to know in case your theme support SASS model.

Hi there,

Xenon was built using another compiling CSS model, it was built with LESS.

Kind Regards,
Art

Any upcoming updates? A Landing Page would be awesome!

Hi there,

We are planning a new update but without any new features only some bug fixes, it will come soon cause we haven’t updated it since a long time.

Kind Regards,
Art

Hello,

Using the “boxed-container” and “horizontal-menu” can the menu be aligned to the boxed dimensions as is the case with the “main-footer”?

Thank you, any help is appreciated, Michael

Hi Michael,

You can manage it by adding Custom CSS to your skin:

.navbar-inner {
  width: 1140px !important;
  margin: 0 auto !important;
}

Kind Regards,
Art

Worked perfectly!

Thank you very much for the quick reply, Michael

Glad to hear that it worked Michael :)

P.S: It would help us a lot if you could rate Xenon on themeforest from your Downloads tab, ( if you don’t know how, just open this link ) :)

Cheers!
Art

Hello,

I need to get the vertical scrollbar of the notifications just like the demo here: http://themes.laborator.co/#theme=xenon

The default config of the template when downloaded is without scrollbar and it shows only 4 notifications, i dont get any documentation for that, could you please help me out ?

Thx !

Hi fourat

I saw that you are using Angular version so in this case you must initialize the Update event for perfect scrollbar, only after you finish the loop of inserting notifications, call this code:

// end of loop to insert notifications (alert-items-tpl)
jQuery( '.dropdown-menu-list ').perfectScrollbar();

This should work for you.


Arlind

Thank you ! that worked.

I still have some other question on the notifications: when clicking anywhere in the notification dropdown it will close it, how can i remove this behaviour so the dropdown can be closed only if the ring icon is clicked again ?

Hi fourat

Great to hear that worked for you.

Hmm, the behaviour of dropdown element is handled by Bootstrap, so in order to change the functionality you must remove dropdown-toggle class and implement your own code to open and close the dropdown.

I hope that will help you.


Arlind

Hello, before buying wanted to know three things about the template: - Bring the files necessary to connect the tables in a database - Bring the necessary applications to use a chat system (or just a style html) - The html mail can connect to GMAIL (or just a style html) Thank You!

Hi leorescia,

Thanks for the interest on our template.

This is just HTML template and doesn’t provide any database file or chat platform at all, everything is just a style and you can adapt it in your preferred framework.

Kind Regards,
—Ylli

Glad to hear that :)

Kind Regards,
—Ylli

Hi Laborator.

I just noticed something strange happening with the tocify script. When you scroll (tested on Chrome/Safari OSX only) The side menu breaks and spans the width of the page. This is from an un-modified 1.3 package.

Link here: http://core.landconnect.com.au/initialise_html/extra-tocify.html

Hi there, here is the code if you want to fix that:

.tocify.full-width {
     width: auto !important;
} 

Kind Regards,
—Ylli

i think you misunderstood….look at how the menu is staying up and blending behind the body components elements…the menu is not fully collasping when it is not being used.

Hi there, this is how it should be, i don’t know why you think that this is bug.

Kind Regards,
—Ylli

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