To use Kendo-ui/autocomplete

tomwang1

Hi,

I am testing to use Kendo-UI into WAB. The home.html attached is a sample code for autocomplete and also I downloaded the trial version of Kendo-UI Jquery in my "useJquery" folder. I am using the sample Widget "UseJquery" template as two attachments. Based on the following link " jQuery loader accepts a second argument of an array of pulgins to load along with jQuery", to load two .js libs in my code.

jquery - How to load JQueryUI into Web AppBuilder? - Geographic Information Systems Stack Exchange 

I am not able to get the reference "styles/kendo.default-v2.min.css" to work. Also, I am not sure the two js files referenced correctly or not. 

Please give your thoughts on this.

Thanks,

Tom

home.html.zip

Widget.js.zip

Widget.html.zip

Snímek obrazovky 2026-05-05 122333.png

Snímek obrazovky 2026-05-05 122150.png

Muhammad_AzhaziqBin_Mohd_Azlan_1-1777973777305.png

tomwang1

To have references in index.html at the root folder, I am able to make this Kendo AutoComplete works.

But I need to implement the references js and CSS inside the "useJquery" folder, any help???

<link rel="stylesheet" href="widgets/UseJQuery/kendoUI/styles/kendo.default-v2.min.css" />

  <script src="widgets/UseJQuery/kendoUI/js/jquery.min.js"></script>

  <script src="widgets/UseJQuery/kendoUI/js/kendo.all.min.js"></script>