Hi Arlind, getting there but… When trying to do this:

if($cookies["loggedIn"])
        {
            $state.go("app.dashboard-variant-1");
        }
        else
        {
            $state.go('app.extra-notes');
        }

I get an error: Error: Could not resolve ‘app/extra-notes’ from state ’’

It might be due to the fact i don’t get this part, but what should be in the $state.go(””) in reference to the $stateProvider.

Hope you can help, and btw. Love the code

I got it working with $.location() but not with $.state.go()? Not sure why. Is there an downfall with using that $.location vs. $.state.go?

Hi jmansa

Actually I was referring to the API documentation and there was stated as $state so I didn’t knew that $location works and $state not, so feel free to use if it works for you I believe it only activate states and doesn’t have any downfall at all.

Thanks for your patience

Arlind

Hi Damian

Thank you so much for your kind words we really appreciate them.

Here is how I think you can get the records from the database:

$.getJSON("http://url-to-your-file.php", function(response)
{
    var t = $('#example-table').DataTable();

    var items = response.items;

    $.each(function(index, item)
    {
        // Based on columns you have you set the values of columns
        t.row.add( [
            item.id,
            item.name,
            "edit",
            "delete",
            "and so on" 
        ] ).draw();
    });
});

The php should generate this kind of information:

$items = array(
    array('id' => 1, 'name' => "Arlind"),
    array('id' => 2, 'name' => "John"),
    array('id' => 3, 'name' => "Damian"),
    array('id' => 4, 'name' => "So on..."),
);

echo json_encode($items);

// This probably should be generated via Database.

I hope it will help you.

Arlind

Hi

By default the sidebar is not fixed in mobile devices and there is no option for this (we will add in the next version), to make it sticky you should apply this Custom CSS:

@media screen and (max-width: @screen-sm-min){
    .page-container .sidebar-menu {
        position: fixed;
    }

    .page-container .main-content {
        padding-top: 90px;
    }
}

Arlind

Hi

Using your code the top bar (sidebar) is fixed on mobile but the content area floats over the sidebar while scrolling. Another problem is that the menu doesn’t expand anymore. When will the new version be released?

Hi

I see that this needs more development so I will try to fix this and add as full feature in the next update.

Currently we don’t have any ETA for the update, but I suggest you to use the static menu that is not fixed to top.

Arlind

Hi Santhosh

There is default CSS from bootstrap used for drop downs and checkboxes however the styled checkboxes and select elements can be found here:

If possible provide a screenshot of the elements that are being styled differently.

Arlind

Hi Zane

Thank you so much for your kind words, I am happy to hear them.

We have addressed all the bugs (see the list http://cl.ly/ZfVl ) and when we release new theme we will return to Xenon and fix the reported issues. So the after the release of our new theme which we don’t have an exact ETA the Xenon update will be available in a week or two after the new theme.

Thank you for your collaboration buddy.

Arlind

Hi

Thanks for considering our theme.

Unfortunately this theme doesn’t contain documentation for integrating in other platformes, it comes in basic AngularJS and whatever you are familiar you can integrate it if you already know AngularJS good.

A lot of users already have managed to integrate in their favorite frameworks.

Arlind

Hi

After googling your problem I saw this related article:

I am not sure what exactly $locationProvider.html5Mode(true); does because I haven’t used this declaration!

Arlind

Hi

I understand what are you trying to do, so if you want to achieve this without DataTables then of course are other more basic alternatives to this, here are the libraries that will do what you want:

1. http://www.kryogenix.org/code/browser/sorttable/

2. http://webfx.eae.net/dhtml/sortabletable/sortabletable.html

3. http://www.listjs.com/

I hope you will manage to implement any of them.

Arlind

Hi

After you add table row then you must re-call slider function to initalize the slider element:

table.dataTable().api().row.add( [
    counter +'.1',
    counter +'.2',
    counter +'.3',
    counter +'.4',
    counter +'.5'
] ).draw();

$(".slider").slider({
    ...
});

This will initalize the slider.

Arlind

Thank you. That worked well.

Glad to hear that

Hi

Thanks for reporting this, we will take a look and fix it.

Have a great day.

Arlind

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

Y

Hi Santhosh, we are afraid, but aren’t sure if we understand you well. Do you have any screenshot of what exactly do you want to achieve with that?

We will see if we can help you.

Ylli

Hi Greg

The Spinner included in Angular version is implemented from raw jQuery.

I have no clues how to apply this value when spinner value is change to the $scope in your case from ng-model.

For this I need to find a solution and it would be great if you can think of an idea how to implement it.

Thanks

Arlind

Hi nicholas_t

Firstly thank you for your kind words and purchasing Xenon.

Xenon style is developed with LESS preprocessor of CSS which makes it easier to style and change theme style. More information about how to adapt in this environment is located here:

However if you are trying to do it in CSS directly then you need to write full path for every CSS rule, for example select the element via Element Inspector http://cl.ly/ZZ8D and copy the CSS path and place it in custom.css then apply your own style. Note that sometimes you may need to add !important for some rules.

I hope this will help you. In my opinion if you learn LESS, it will make your life easier when handling with CSS.

Arlind

Hi

The best way to edit profiles and URL friendly is this:

<br />
Arlind
<br />
<br />
<a href="http://documentation.laborator.co/" target="_blank"><img src="http://laborator.co/images/xenon/docs.png" target="_blank" /></a><a href="http://themeforest.net/user/Laborator/follow"><img src="http://laborator.co/images/xenon/envato.png" /></a><a href="https://www.facebook.com/laboratorcreative" target="_blank"><img src="http://laborator.co/images/xenon/like.png" /></a>

Hi there, 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 aomtte

Can you please try this way:

<select ng-model="selectedItem" ng-options="offer as offer for offer in offers" id="sboxit-4">
    <option value="">Choisissez votre offre</option>
</select>
<script type="text/javascript">
    jQuery(document).ready(function($)
    {
        setTimeout(function()
        {
            $("#sboxit-4").selectBoxIt({
                showEffect: 'fadeIn',
                hideEffect: 'fadeOut'
            });
        }, 100);
    });
</script>

I know it is not a good practice for angular but it will work. However you can assign a Controller and call it from there:

// Script
angular.controller('SomeCtrl', function()
{
$("#sboxit-4").selectBoxIt({
    showEffect: 'fadeIn',
    hideEffect: 'fadeOut'
});
});

// Markup
<select ng-controller="SomeCtrl" ng-model="selectedItem" ng-options="offer as offer for offer in offers" id="sboxit-4">
    <option value="">Choisissez votre offre</option>
</select>

I hope this will help you.

Arlind

Hi,

Thank’s it worked !

I’m glad to hear that

Arlind

Hi cunha1973

Thanks for your kind comments, we really do appreciate them.

The Xenon can be implemented in any framework, it fits to any of them. So to decide which one, I suggest you to use the framework you know better and worked for a long time and which supports the above requirements for Chat and Mailbox.

However if I would use the Xenon theme my preferred framework is Laravel http://laravel.com/ which is great PHP framework for any kind of project.

I hope my answer makes sense to you. Cheers

Arlind