You can just select the element where you want to change the color with the Inspect Element, and then write then in a CSS which will overwrite the main css.

Kind Regards,
Art

Hi Purplecowaps

We are aware of this issue, and we have decided to change * Bootstrap WYSIHMTL5* to the latest version because the one used in Xenon is unstable and has issues also in HTML version too.

Thanks for reporting this.

Arlind

Hi nicholas_t , 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.

Hi erdeib

Xenon is available in HTML and AngularJS version, so if you want to use it you must include in your framework, because as plain HTML it will not have the full functionality (database and server side processing).

Thank you

Arlind

Hi

I have tried some variants how to fix this but I couldn’t find the solution for now, so I will try to discover more how can I fix this and in the next update it will be fixed I hope.

Arlind

Ok, thanks. And one more question: I found custom event “xenon.resize”, which is used in some parts of javascript files. But I can’t find this event declaration, can you describe, what is this? I telling about plain html version of theme.

Hi

This event is initialized here:

~/assets/js/resizeable.js

The difference between $(window).on('resize') and $(window).on('xenon.resize'); is that when the window resize drag is finished it is called once, while the first one it will be called each pixel when the window size is changed. So this will take less memory, and here in this function you can use pre defined true/false functions such:

// Large Screen Specific Script
if(is('largescreen'))
{
}

// Tablet or larger screen
if(ismdxl())
{
}

// Tablet Screen Specific Script
if(is('tabletscreen'))
{
}

// Tablet device screen
if(is('tabletscreen'))
{
}

// Tablet Screen Specific Script
if(isxs())
{
}

Arlind

Hi aomtte

I am sorry but I really have no idea in this case. It is something that I have never tried and have no clues about how can I solve this, I am sorry

Arlind

Hello, thank’s for the answer.

Let me link you to my stackoverflow question where I give some example of my code etc.. And I give a better explain of my problem.

Link: http://stackoverflow.com/questions/28185798/angularjs-with-my-php-api-factory-who-get-values-asyncfalse-need-alternative

( You can answer here if you have some idea )

Hi aomtte

I saw your post and tried to figure out whats the problem there, but I didn’t had any solution to it, hopefully the community will help you in this case. Really sorry about it.

Arlind

Hi g6gang

I now realized that in this page the resource library for google maps is not found, see the error: http://cl.ly/ZWGp

So in app.js replace this URL

// line 836
'googleMapsLoader': appHelper.assetPath('app/js/angular-google-maps/load-google-maps.js');

// replace with your url:
'googleMapsLoader': 'http://full-url.to/app/js/angular-google-maps/load-google-maps.js'

This way when the resource library is loaded then you will not have any issue importing google maps.

Arlind

Looks like you have to do more then that. I am not clear what the URL you provided, but I am planning on just attempting to follow the instructions here:

Hi

This can be your solution too, because in the time I have developed Angular version of Xenon I was unable to find a plugin like this to implement for Google maps.

Arlind

Hi inmyth

Sure you can do this:

<div class="input-group spinner" data-step="2" data-min="5" data-max="15">
    <span class="input-group-btn">
        <button class="btn btn-gray" data-type="decrement">-</button>
    </span>
    <input type="text" class="form-control text-center" readonly="1" value="7" />
    <span class="input-group-btn">
        <button class="btn btn-gray" data-type="increment">+</button>
    </span>
</div>

Note that data-min and data-max set the boundaries of maximum or minimum input number.

Arlind

I tried only data-min because I just need bottom limit. It didn’t work. But it looks both data-min and data-max have to be set so I am using data-max=”9999999” to make it work.

Hi again

Ah really? I need to fix this for the next update. Great that you found a way to solve it.

Arlind

So it looks like modals comes from angulr-UI directives: http://angular-ui.github.io/bootstrap/ – you may want to put some more info like this on your modals documentation page. I wasted lots of time trying to see where this is coming from. From the link above I was able to see how this actually works.

Hi

The modals I have implemented in Xenon Angular is derived from Bootstrap UI from Angular $modal

Here is an example how they work:

$rootScope.currentModal = $modal.open({
    templateUrl: 'modal-example',
    backdrop: true
});

<script type="text/ng-template" id="modal-example">
    <div class="modal-header">
        <button type="button" class="close" ng-click="currentModal.close();" aria-hidden="true">×</button>
        <h4 class="modal-title">Custo Modal</h4>
    </div>

    <div class="modal-body">
        Hello world
    </div>

    <div class="modal-footer">
        <button type="button" class="btn btn-white" ng-click="currentModal.close();">Close</button>
        <button type="button" class="btn btn-info" ng-click="currentModal.dismiss();">Save changes</button>
    </div>
</script>

I hope you will be able to understand and get it to work for you.

Arlind

Uh, I now saw your second topic and didn’t realize that you managed to fix it.

I am sorry about the missing documentation, we will provide the links to the external resources used in Xenon that will guide users to the library documentation.

Arlind

so there is no function to remove on site? right?only it can add and when u wanna remove u have to remove lines from source code.

and it can add events(with same color and same name) only on source code to copy and paste and make other new event

Sure you can remove events in programmatical way, this describes how to do it:

For full handling of this this plugin I suggest you to refer to the Full Calendar documentation for custom advanced operations with calendar:

When I’ve implemented the calendar, I only styled it, and learned how to add new event, and how to initialize it.

Arlind

Hi aomtte

I’ve also had issues with this, so after importing Strict Contextual Escaping ($sce) I managed to solve this:

// Direct Example:
$scope.htmlField = $sce.trustAsHtml("my custom html here");

// More detailed
var ngBindHtmlDirective = ['$sce', function($sce) {
  return function(scope, element, attr) {
    $scope.htmlField = $sce.trustAsHtml("my custom html here");
  };
}];

I hope this will help you.

Arlind

Hello Arlind,

Thank’s for the support, it’s working !

Wohoo, glad to hear that

Arlind

Hi Iscaler

If you are defining values via Angular then the counter will fail to load, so we are working to get this fixed in the next update so the xe-counter will accept variables from angular too!

Arlind

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

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

As for gallery, wi will check that and release a new update when is ready.

Thanks for reporting the bugs.

Ylli

Hi

If you are getting these data via AJAX then use compile to display the directive properly, here is an example of use:

/**
 * A weird directive that takes a space-seprated list of property names,
 * and prints them out as JSON.
 */
app.controller('SomeCtrl', ['$compile', function($compile) {
    // use the $compile(htmlData); to apply the directive rules
}]);

Arlind

Hi

I have added you to the repository.

Arlind

Hi, my access was removed. And I found the solution, is just REMOVE blank line and comment at the beginning of file “sidebar-profile.html”.

Glad to hear that

Kind Regards,
Art

Ok I figured it out – When I unzipped the package it made many files Read only. So I had to change all permissions

chmod -R +a “Everyone allow read” /path/to/package

Hi g6gang

I am glad that you have managed to solve this issue, its interesting why this happens sometimes. However I will keep this as a fix suggestion for other users too.

Cheers

Arlind

Hi esheri3, we continuously update all items with new neat features and bug fixes, but currently we are preparing to release a new theme, but after that we will update Xenon

Ylli

When will the new theme be released? Admin theme? Leveraging similar chart components as Xenon? Exciting.

Hi esheri3, our next theme will be for Creatives, here is one sneak peak screenshot

.

We will do a new Admin template on second quarter of this year, so stay tuned

Ylli

Hi Mrtruko, i finded this link with a lot of js charts, just click the link.

Ylli

Hi vsrm

You are doing the right steps. Just make sure you have assigned loadEmployees function to $scope.loadEmployees in controller.

Arlind

Hi vembu

I am not sure, but try if this is working:

dragStop: function(e) {
    var $el = $(this);
    var id = $el.attr('id');

    // The rest of code here... 
    // Try to access always $el for element info
}

Arlind