Hi cartertech

In order to setup Autosuggestion field using Typeahead use this form:

1. Firstly include Typehead bundle source:

<script src="assets/js/typeahead.bundle.js"></script>

2. Create the input field, like for example:

<div class="form-group">
    <label class="col-sm-3 control-label" for="username">Remote data suggestion</label>

    <div class="col-sm-9">
        <input type="text" class="form-control" name="username" id="username" placeholder="Type something" />
    </div>
</div>

3. Initialize the script:

<script type="text/javascript">
    jQuery(document).ready(function($)
    {    
        var suggestions = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,

            // You can prefetch suggestions
            // prefetch: 'data/typeahead-generate.php',

            // Or in realtime fetch suggestions
            remote: 'http://sourcedomain.com/data/typeahead-generate.php?q=%QUERY'
        });

        suggestions.initialize();

        $('#username').typeahead({
            hint: true,
            highlight: true
        }, {
            name: 'suggestions-data',
            displayKey: 'value',
            source: suggestions.ttAdapter()
        });
    });
</script>

This should work for you.

Best regards,
Arlind

Hi there,

We have not included amCharts in this theme.

Kind Regards,
Art

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.

Kind Regards,
Art

Hi nextlayers

Thank you so much for these compliments, we are really happy about it!

In order to setup datepicker in the modal you need to initialize when the modal is shown. JQuery date picker cannot be executed when the div layer containing date picker element when its not visible, in your case its inside a modal so here is an example to help you figure it out:

function openThatModal() {
  jQuery('#myModal').on('shown.bs.modal', function () {
    jQuery('#myDatePickerElement').datepicker();
  });
}

This should work for you.

Best regards,
Arlind

Hi mobilelive_product

By the time I have developed Xenon, I was learning Angular and didn’t know about the best practices what to use and what not, so I have combined these two libraries which has worked fine.

Currently we have no plans of upgrading Angular version of Xenon, I am sorry about that.

Best regards,
Arlind

Hi kkshetty88

After you update the table don’t forget to call draw() method of the table, here is an example:

var table = $('#example').DataTable();

$('#myFilter').on( 'keyup', function () {
    table
        .search( this.value )
        .draw();
} );

Best regards,
Arlind

Hi samuel2623

In order to make it work on Safari, please download these files:

And replace them in assets/css/

It will fix the issue with Safari 9.

Best regards,
Arlind

Hi fourat

I mean, what color of backdrop do you want to apply and the opacity level you want to set so I can give you the proper code to you.

Best regards,
Arlind

Hi ! let’s say Black 50% opacity

Hi fourat

In the current version of Xenon its currently 50%:

(view large version)

Se in 75% opacity:

(view large version)

Then apply different background:

(view large version)

Best regards,
Arlind

I see the same error referenced above by u/myvillage. This is with out-of-the-box code.

Hi

Please open app/js/directives.js on line 51 set the value false:

(view large version)

Best regards,
Arlind

Hi there,

If we would do this then the we should remove the theme from ThemeForest as it is not allowed to have any other source where you can get the theme and that would set the theme for free.

Kind Regards,
Art

Hi there

Unfortunately that’s not possible.

Kind Regards,
Art

Hi there,

Currently we’re not planning any new update for the Angular or HTML version.

Kind Regards,
Art

Hi

Adding this CSS will fix your problem entirely, sorry I didn’t noticed the scrolling bug:

.sidebar-menu {
  z-index: 100;
}

.sidebar-menu .sidebar-menu-inner {
  background: #2c2e2f;
}

Replace that background color with your current sidebar background color (if you are using different color of the sidebar rather than default one).

Best regards

Arlind

Cheers Arlind, that did the trick!

Hi tystol,

Glad to hear that

Kind Regards,
—Ylli

Hi prezespako,

Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer

Kind Regards,
—Ylli

Hi jcholtsf,

We will update Xenon, but not very frequently

Kind Regards,
—Ylli

Hi there,

We are not planning any new update for this theme.

Kind Regards,
Art

Hi

Thank you so much for your kind comments, I am glad that you like Xenon. The menu can be setup only on Angular Initialization, on this file:

app/js/services.js

However adding/removing/editing items of the menu later after that, its not supported.

You may try to implement a function like that because actually that is not implemented, I am sorry.

Best regards

Arlind

Hi hjelmdal,

DevExpress charts don’t come with license included.

Thanks for your interest

Kind Regards,
—Ylli

Okay, but why do you include them in your showcase then if I can not use them when buying the theme?

Hi there,

That’s an optional choice, if you want to use them you can purchase a license from them, at least you have one month free trial to test them out and many of the users don’t want to use charts but just the theme features.

Also they are removed from the showcase in our item page, it doesn’t state anywhere that the charts come for free.

Kind Regards,
Art

Hi jojanosch

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

As for the error you are receiving I think its related to the out-dated version. Have you tried to use the latest version of Data Table and see if that works?

When we release new version of Xenon we are going to update all libraries used in there.

Arlind

Hi mikich

I was thinking you are opening index file directly but you are doing it the right way.

Actually we haven’t updated the Xenon with latest Angluar version and thus if you apply the latest version it might cause these issues.

Does it works when you open the original files without changing any script?

Best regards

Arlind