Hi alexandrevalente, have you fixed your problem?

Kind Regards,
—Ylli

Not really, I used a jquery-only solution, which is bad since this is an angular project… But it is working. Hope you include this angular-datatables in your next version.

Hi alexandrevalente

I haven’t tested it yet with the new angularjs datatables so in the next update we will try implement this angularjs version of datatables, but you can try to update to the latest version of angularjs datatables and see if it works.

Best regards

Arlind

Hi there,

We are planning some updates for the theme but not big updates only some bug fixes and plugin updates, we don’t plan adding new features in the theme.

Kind Regards,
Art

Hi zerofail

Actually this issue hasn’t been solved, but I will give a try when the update is ready. I am sorry for delay because we are very busy with the support and don’t have an ETA for the update.

Arlind

Thanks, keep us updated

Glad to hear that

Arlind

Hi zerofail, yep now i see it

I think i found a solution for that, just go to this folder assets/css/ and open xenon-core.css

and from this CSS line

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

just comment the height: 100%; rule, it should look like this:

html, body {
  /* height: 100%; */
  margin: 0;
  padding: 0;
  border: none;
}

Have a nice weekend
—Ylli

Thanks! Would you happen to know in what LESS file we should fix that ?

Hi again,

Just go to assets/less/xenon-less/main.less

Kind Regards,
—Ylli

Hi ,

This issue 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 can help you with this, but he took the vacation and will be back on 7 May.

When he comes back, just reply to this thread and you will make sure Arlind will see your comment.

Hope for your understanding

Hi hasanaydogar

I guess you have to initialize responsive table manually after filling the data with ng-repeat, so remove table-priority and all data- attributes in the table, after that inside the controller (after ng-repeat is finished) call this JavaScript:

<script>
   $(function() {
      $('.my-sample-table').responsiveTable({options});
   });
</script>

I hope this will help you.

Arlind

Hi Troy

The chat conversation window we have implemented are just a plain HTML and so if you want to continue to develop your chat system, you may use the current style of the chat we have included.

As you can see there are two types of chat:

1. Sidebar chat – http://drops.laborator.co/19obl

2. Footer chat – http://drops.laborator.co/103Aj

Its up to you to decide which one you will use, and the way you implement the chat matters, so if you are a ready-to-use chat plugin you may change the style of chat and its implementation.

I am not sure what can help you more but i suggest you to use the easiest method you to implement the chat.

Arlind

Hi integcubes

The reason your page get that page change is because the sorting link has ”#” in href.

So recently I have found that DataTables have specific version for Angular and it has really easy initialization:

http://l-lin.github.io/angular-datatables/#/welcome

You just need to include the library, and module datatables

And assign datatable attribute to table

<table datatable="" class="row-border hover">

This will solve all the issues with DataTables.

Arlind

Hi akasangre, we don’t have any ETA, but an update will come with some fixes, plugins updates and some new features we think.

This month we are very busy updating our latest theme, so don’t expect it very soon.

In the meantime if you have any suggestion about Xenon, or oif you fund any bug, we would be glad if you can report that

Kind Regards,
—Ylli

Hi there, i investigated to this problem and it looks like this is problem in IE, here is a good article that may help you link.

and please try to add this code to custom.css, and see if it does something

@-ms-viewport{
  width:auto!important
}

Kind Regards,
—Ylli

Thank you for the effort, but your answer/suggestion is useless!!

Hi SingularGroup

Sorry about this but we are not able to fix this for the moment, if you see other themes for example this popular angular theme:

http://flatfull.com/themes/angulr/angular/#/app/dashboard-v1

It is the same, I think the problem is at IE so in the next update I will try to find a fix for this issue.

Arlind

I did the same but it was showing fine!

Is it possible for you to record a video about this so I will understand what is going wrong.

Arlind

Here is my code, if you can understand

$scope.PopUpEdit = function () {
      $('#mdlDetail').modal('show', { backdrop: 'fade' });
       $("#DoB").datepicker({
       });
   };

<!- Add/Edit Modal Box ->
    
        
            

<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button>

{{Action}} User

Title:<select id=”Title” name=”Title” class=”form-control” ng-model=”selectedTitle” ng-options=”item.TitleId for item in PersonTitles” ng-change=”TitleChanged()”></select> First Name:<input id=”FirstName” name=”FirstName” type=”text” class=”form-control” ng-model=”User.FirstName” /> Last Name:<input id=”LastName” name=”LastName” type=”text” class=”form-control” ng-model=”User.LastName” /> Gender:<select id=”Gender” name=”Gender” class=”form-control” ng-model=”selectedGender” ng-options=”item.Title for item in Genders” ng-change=”GenderChanged()”></select> Date of Birth: <input id=”DoB” type=”text” class=”form-control” data-format=”dd MM yyyy” ng-model=”User.DoB” /> <button type=”button” class=”btn btn-white” data-dismiss=”modal” ng-click=”CancelEdit()”>Close</button> <input id=”Update” type=”button” value=”Update” class=”btn btn-purple” ng-click=”Update()” ng-show=”Action 'Update'" /> <input id="Save" type="button" value="Save" class="btn btn-purple" ng-click="Save()" ng-show="Action ‘Add’” />

Hi

Here is what you are doing wrong:

$scope.PopUpEdit = function () {
    $('#mdlDetail').modal('show', { backdrop: 'fade' });
    $("#DoB").datepicker({});
};

You are initializing $("#DoB").datepicker({}); before the modal is shown, thats why it acts weirdly. Here is the fixed code:

$scope.PopUpEdit = function () {
    $('#mdlDetail').modal('show', { backdrop: 'fade' });

    $('#mdlDetail').on('shown.bs.modal', function()
    {
        // Intitalize the datepicker only when the modal is already shown
        $("#DoB").datepicker({});
    });
};

This will work.

Arlind

Hi nkaliya,

Can you please attach us screenshots where those problems are?

As for the second url can you please add this code, it will fix the issue

.tocify.fixed {
  position: fixed;
  top: 15px;
  width: 17% !important;
}

Cheers!
—Ylli

Hello Ylli,

Thanks for your reply. Please find 2 link of screen captures shared on Google drive. These two pages does not load at all in Safari on Windows, the loader bar keeps on waiting for infinite time. Let me know if I can provide any other information.

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

Thanks.

Hi nkaliya, this may happen because Safari for windows it’s not updated for years, and it don’t supports latest technologies.

We will check that again, but i doubt that it will work.

Cheers!
—Ylli

Hi nkaliya, we are really sorry for the late response, as we accidentally pushed “mark as read” for all tickets

Do you still have this problem?

Cheers!
—Ylli

Hi there,

what you need to do is put the project in a LESS compiler, and open page-skins.php file located in this folder /assets/less/xenon-less/,

scroll down and put the element id or class you want to customize below this code, you can use one of the variables below, they will change when the skin changes.

.xenon-sidebar-skin-variant(@bg-color; @text-color; @text-active-color; @border-color; @primary; @secondary; @scroll-color: #fff) {

Regards,
Art

I do not have a page-skins.php file. I am using AngularJS.

Sorry for this mistake, file name is page-skins.less not .php

Arlind

I dont know why it doesnt show up In Datatable “showing 1 to 10 of 57 entries” I want to remove this text and “previous ,1 2 …. next” paging I want to move to center but I can’t find where is Js file.

Hi wangspider

To translate strings in the data tables go to this file:

/assets/js/datatables/dataTables.bootstrap.js

It has all the required strings and code for jQuery datatable.

Arlind

Hi wrodrigobr

Can you please try to add this in ascii character form, so instead of * Relatórios * write this:

Relatórios

It should work!

Arlind

Hi CeRBeR

Thanks for purchasing this theme.

I guess your are using Angular version of Xenon. This fix has been suggested by our user, so please read this thread and see if this will help you:

http://themeforest.net/item/xenon-bootstrap-admin-theme-with-angularjs/9059661/comments?filter=all&site=themeforest.net&term=Counter&utf8=%E2%9C%93#comment_9060509

Arlind

Hi milfulles

This issue that has been reported before has been fixed when you have updated DataTabla TableTools plugin, because newer version has this bug fixed.

Also do not forget to set up the SWF path for the export that is specified in plugins docs:

https://www.datatables.net/extensions/tabletools/

Hopefully you will manage to set it up properly.

Arlind

Hi there,

thanks a lot for sharing this fix with us, we have lately released a new theme and now we’re more free to work on the updates for other themes, I hope we can manage to update Xenon this month.

Kind Regards,
Art