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.

Hi, I have a problem with modals.

Almost alaways the modals are under modal-fade, and there is no way to change it. Nothing helps, z-index is ok.

Are there any restrictions on how to use modals?

Hi EuropeanStyle

The modals should be placed before the end of BODY tag in order to keep them working and not having the Z-INDEX issue.

Hopefully this will help you.
Arlind

>> SyntaxError: Maximum call stack size exceeded in app/styles/xenon-less/footer.less on line 11, column 3: >> 10 background-color: @background-color; >> 11 .clearfix(); >> 12

I got this every time I try to compile less files with grunt and If I removed that line it says >> NameError: .text-emphasis-variant is undefined in app/styles/xenon-less/bootstrap-overwrite.less on line 193, column 2: >> 192 .text-primary { >> 193 .text-emphasis-variant(@brand-primary); >> 194 }

how can I manage to compile less files with grunt task can you please help me. Or am i doing the wrong thing

Hi there

It is really strange why this happens to you, because I can compile these in my client, I use CodeKit app to compile less files.

Please try replacing the line 11:

.clearfix();

To this:

&:extend(.clearfix);

I am not sure if this will work but I cannot figure out other alternative by now because I am not able to test it with grunt.

Hopefully this will help you.
Arlind

I want to purchase this template, but my main priority is with Calendars. I see on the calendar that comes with this template, there are times for the date on the default entry. However, how I can define a time when adding an event to the calendar? I plan on using this for a banquet hall, so I need to be able to use times to schedule times.

Hi IntactDev

Firstly thank you for considering our theme.

The Calendar used in our theme is developed by www.fullcalendar.io and they provide full API including event time. Here is the Event_Object with its properties:

http://fullcalendar.io/docs/event_data/Event_Object/

It can be All day, or in specific time:

Hopefully this will help you.
Arlind

Hi and Thanks for this great admin !

I wonder how to proceed for datarangepiker with two inputs instead of one. For the moment, I have one : <input type=”text” name=”validity” class=”form-control daterange”> with for example the value of “14-10-2014 – 14-12-2014 inside the input.

But I would like to have the start date and the end date separate in two inputs with the name of validity_from and validity_to.

How to proceed for that ?

Hi fdusautoir

Firstly thanks for your kind words, we are happy to hear them.

I believe this should work for you, after the date range is selected the event will be triggered, so there you can get gate range and parse them to other inputs:

$("#the-daterange-input").on('apply.daterangepicker', function(ev, picker) {
    var from = picker.startDate.format('YYYY-MM-DD');
    var to = picker.endDate.format('YYYY-MM-DD');

    // do something here
});

Hopefully this will help you.
Arlind

Thanks for the answer. That’s works ! :) Another thing. Then I want to do the same thing with a datepicker input and this time, I want to change the format to “DD-MM-YY”. That’s what I did :

<script type="text/javascript">
                                        jQuery(document).ready(function($) {
                                                                $('#visibility').datepicker().on("changeDate", function(ev) {
var date = newDate(ev.date);
$("input[name=visibility]").val(date);
 });

});
</script>

<input type="text" id="visibility" class="form-control" 
data-format='DD dd MM yyyy'>

<input type="text" name="visibility">

How to complete this ? :/

Hi again

With datepicker this is easy, you specify the date format in the field attribute, like here:

<input type="text" class="form-control datepicker" data-format="DD-MM-YY">

This should work good for you.

Arlind

We are also experiencing the problems as described by sinayes. Other then that the theme is really great.

Hi,

we’re planning a new update by the next week, because this week we’re busy.

Kind Regards,
Art

Hi there,

Love the template first off. Wanted to also ask where we would be able to find a team to build us a project management system upon this? How exactly would this work? Can you point me in the right direction?

Thanks, Josh

Hi j1980mac, you can find someone or a team on www.odesk.com.

Ylli

So I just ask for a bootstrap developer?

Yes you need a front-end developer.

Kind Regards,
Art

Hi sinayes, i replied on you other thread.

Hello, I am interested in hiring you, are you currently available for outside project? My email is designaddictz@gmail.com

Thank you.

Regards, Alex

Hi slickgfx101, thanks for contacting us, for the moment we are very busy with our upcoming projects, and we are not available for freelance work.

Ylli

Hey xenon team, i want your admin template BUT HAS VERY VERY BIG PROBLEMSs….

Your theme NOT responsed, Very Very bad on iPad and other small devices.. :S

Please fix it,

i found this :)

Please check all, and fix for RESPONSED !!!

http://prntscr.com/591iw2 http://prntscr.com/591j69 http://prntscr.com/591jez http://prntscr.com/591jsh http://prntscr.com/591kbh http://prntscr.com/591km6 http://prntscr.com/591l6w http://prntscr.com/591lcm http://prntscr.com/591lky

We’re planning a new update by the next week, and try to fix these problems.

Kind Regards,
Art

Oh thanks,

I compare it with your theme you are ANGULR. Their place is perfect. But … Your theme is really spacious! comfortable! wide! Reading alone! So beautiful!

so you want your theme. Please fix everything, try it.

Thank you for all your words, we will surely release a new update because it has been a month without a new update.

Kind Regards,
Art

“We give technical support only to users who have purchase badge.”

Now that is not an answer one should give to a potential buyer. Just saying. You can not expect someone to buy something that is not,somewhat, 100%. Helping them entices people to actually buy your product. Otherwise, it comes off as being rude.

Also, look at your demo again. This is a very nice theme, but look at your datatables. CLick to view datatables, then another page. Then go back to datatables. Datatables does not fire off.

Hi there,

you’re right mate but we also have some users who got the theme through illegal ways. Normally when a user wants to ask a question before purchasing the theme they write a “Pre purchase Question” before the question.

This week we have released a new theme so we’re a bit busy working with it, by the next week we will release new updates for all the themes.

Kind Regards,
Art

i find a css problem on log in page

http://prntscr.com/58qwa6

Hi sinayes, thanks for reporting this, you just need to include “container” on the “login-container” div. (login-container container)

We will update theme with this and other fixes to come

Ylli

Hi Laborator, I wrote you mail a couple days ago, but I haven’t received a reply:

I have some questions:

1) I use the same layout, that described in this comment and have the same problem with it. Can you please send me LESS files that fixes this, too?

2) Do you have any plans to share more PSD files, including other elements of the Xenon theme (not only Dashboard and Login screen)?

3) When the new update will be available?

Thanks

Hi akasangre

Sorry for the late reply as we were working to release new item and couldn’t reply to all support requests.

1. For the list of LESS files, you will receive them in your email now

2. I’ve asked our designer and he said yes we will include more PSD in the next release

3. The next week it (or after two weeks) should be available the new update.

Hopefully this will help you.
Arlind

hi,

how can I upgrade to angular version from my html5 version ?

Hi eternia89

The Angular version is bundled with general download file, so you have these projects separated because they different in the structure of how files are called.

To learn more, see xenon-files/angular/ folder and there you will find how it works.

Hopefully this will help you.
Arlind

Hi,

its seems that your checkbox replacement dont trigger the jquery click event.

If i understand well you already use the click handler to change the image.

But i need to use click handler on my checkbox

Any idea how to implement.

Thanks

Hi ntan72

We give technical support only to users who have purchase badge.

Regards

Hi, Padding looks too big for my layout. Is there any place i change to 5px instead of 20px of 30px at present? I think it will be in one place in less files. Thanks, —Hari

Hi hari2krishna

There is a general padding variable in the xenon, you just have to edit assets/less/xenon-less/variables.less and edit these variables:

@base-padding
@base-margin
@default-padding
Then recompile the file. See instructions how to do it here: http://documentation.laborator.co/xenon/#3_2

Hopefully this will help you.
Arlind

Hello! I’m trying to set this template up with firebase and I noticed you’re not using grunt to run the app with angular. How would you go about running the angular app? Thanks so much! Also, do you do setup? I would love to figure something out. :) Thanks either way!

Hi dear KevinMcAlear,

The thing is that I have no knowledge in Grunt and thus I didn’t added setup file, however you have everything set up already, just put it in localhost/webhost and run, everything will load from there.

I would appreciate if you could give me some directions how can I create grunt file, but if not, do not worry :)

Arlind

Can I use the counter widget as a custom tile? I mean, I just want to set values to the strong and span tags inside .xe-label, intead of counting something.

Like this: <div class="xe-label"> <strong class="num">{{some.value}}</strong> <span>Something</span> </div> Thanks

Hi leogariba

Sure you can use it anywhere, just include xenon-widgets.js and then with “data-count, data-from, data-to” attributes it will get fired automatically and start counting. For more info about this you will find here:

http://documentation.laborator.co/xenon/#4_4

Hopefully this will help you.
Arlind

Sorry. I think I didnt make myself clear. I dont want to count. I want to use static strings in strong and span tags inside .xe-label.

Hi leogariba

Sure you can do it, I was explaining that you have just to specify the “counting” element class, you are free to change/alter structure of tile.

Arlind

Hi,

I just purchased this theme, and I would like to know if it would be possible to create a responsive datatable?

Hi,

this is the only way showing the datatable on mobile phones:

http://themes.laborator.co/xenon/tables/responsive/

Kind Regards,
Art

Hello, Can I use the both JQuery and Jquery-UI old versions without using provided two libraries? or if i use old libraries in one page does it make conflict with already loaded libs

Can you please helop me with this?

Hi there,

check for the libraries that are included and be aware by not including them twice.

Kind Regards,
Art

Thank you for your response . I got it worked

Glad to hear that :)

Kind Regards,
Art

‘perfectScrollbar’ in joinable is not undefined.

Failing in $chat.find(’.chat-inner’).perfectScrollbar(); >> Uncaught TypeError: undefined is not a function joinable.js:31

Hi navin22

Can you tell me how can I produce this error?

Arlind

Hi Arlind, thanks for looking into …

cbr_replace was not working .. fixed with window.cbr_replace .. Don’t know just loading the js in same order but giving these issues. Uncaught TypeError: undefined is not a function joinable.js:31 AND Uncaught ReferenceError: countUp is not defined directives.js:148

>>$chat.find(’.chat-inner’).perfectScrollbar();

Navin22

Hi Navin22,

thank you for sharing your fixes with us.

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