I'm new in kendo and search alot in net about quastion . have problem with my site loading performance . my big deal is using kendo.all, that I had to do because I use kendo chart and some widgets . so I should put kendo.web.js and kendo.dataviz.js with this arange :
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/js/kendo.web.min.js"></script>
I could see chart but no data ...
therefore I had to use kendo.all while I'm using just 5 widgets and 2 charts or I don't need kendo mobile files.
please tell how can I seperate these specific thing . is it posible at all??
You can download the all the widget's separate JS file from this link.
Inside the JS folder specific widgets JS file is available.
I have also attached screenshot for more detail.
It might be possible that some of the JS file not available in trial version.
Related
My web app is running under Laravel 6.
In this app, I have a html page that is accessible through an URL but I also want to download this exact same page. The page is made with Bootstrap 4 and has charts using ChartJS lib.
When I try to download as PDF (thanks to Dompdf for Laravel) the exact same page, I get the following error message :
No block-level parent found. Not good.
added in the config/dompdf.php
"enable_html5_parser" => true,
I ended up using WKHTMLTOPDF and generating images corresponding to the charts before (browser side). Fastest solution for me :)
I am completely new to using Kendo UI, and would like some help on how to render a array of objects to the screen with each object having it's own data source.
Application Background: A SPA dashboard that will show a list of charts that a user can interact with, moving (drag and drop), deleting, creating new charts.
I have done some digging into the Kendo framework and haven't landed on a solution that seems to work. My original thought was to use a custom defined widget that would use a template to render the charts to the screen and each widget would have it's own data source. However, I couldn't figure out a way to render the widgets.
I tried the MVVM data-bind: source and using a Kendo template to load the widget with the data-role attribute, but that didn't work.
HTML content area
<div data-bind="source: widgetsDataSource" data-template="widget-template-test"></div>
Kendo Template
<script type="text/x-kendo-template" id="widget-template-test">
<div data-role="custom-widget"></div>
</script>
widgetsDataSource: the dataSouce used to retrieve the list of charts to render to the screen
widget-template-test: the template used to initialize and show the custom widget using the data-role attribute
custom-widget: The link to the custom widget I defined in separate JS file.
Question: Does anyone have a resource I may look at or some suggestions on how to tackle this problem? Any help would be greatly appreciated.
Thanks in advance!
I do a lot of work with kendo widgets, my go to resources are the API docs http://docs.telerik.com/kendo-ui/introduction and then if I want to see some demos http://demos.telerik.com/kendo-ui/, I use them with Angular, the demo's are nice because they have Angular specific (as well as MVVM) code, the API docs are handy when you are looking for specific configuration settings.
One of my clients report slow loading of their landing page. They use ASP.NET MVC with Kendo UI. I did a quick check and noticed that the kendo.all.min.js is about 1.8MB and client says this is required. I am sure they do not use all of the kendo UI elements in the landing page. I have never used Keno before but only JQuery. Is there a way to minimize the kendo script file size further by not including everything and choose only the elements that are required and form the final JS (like cherry picking in JQuery?).
Thanks!
There's a tool for creating custom downloads at http://www.telerik.com/download/custom-download with an overview of picking what you need here
I'm using jet-pack carousel in my gallery website and i want to add image rating capabilities. I have the "wp-postratings" plugin running on the rest of my site.
I'm assuming that i could add this to individual images as wp treats each image as a post, if so where would i find the template i should add this code to?
All the plugin requires is that i add one line of php to the page/image but i can't figure out where it shoud go as the code for carousel seems to be entirely js and php generated.
demo: http://so.devilmaycode.it/adding-rating-feature-to-jetpack-carousel/gallery/
in a js file jetPack_meet_wpPostRating.js copy this code (place the file in the js folder of your theme):
https://gist.github.com/aSeptik/9739808
in the functions.php file of your theme put this code:
https://gist.github.com/aSeptik/9739808
NOTE
after installing the above scripts make sure to delete the browser cache before test.
tested with latest wordpress, jetpack and wp-postrating versions.
this will also work with multiple gallery in the same page.
does not need to put any extra [ratings] shortcode anyware.
the bounty for this answer is too low... ;)
FIX
Fixed bugs added some check and debug to consol.log...
You can use hook into the Jetpack Carousel on the server-side
(like to output your data, for example).
Then on the client-side, get your Javascript rating code to
load after the Jetpack+Carousel JS, and hook into them
(hook on the bindings, etc).
JetPack provides 2 JavaScript hooks:
1) jp_carousel.afterOpen
2)jp_carousel.beforeClose.
Action hook code example
I am trying to use the Telerik datetimepicker in my own module of Orchard CMS.
everything seems working well except javascript. the datetimepicker control is unable to show the drop-down calendar.
I tried to use
Script.Include("~/Themes/Contoso/Scripts/2011.2.712/telerik.common.min.js").AtFoot();
Script.Include("~/Themes/Contoso/Scripts/2011.2.712/telerik.datetimepicker.min.js").AtFoot();
or created an ResourceManifest.cs in my module and called followings.
Script.Require("telerik_datepicker").AtFoot();
Script.Require("telerik_calendar").AtFoot();
I can see no run time errors against scripts i am refereing. but no document.ready() stuff in the html source for the page.
I dont know where got wrong. hope someone can crack the problems . thank you in advance.
All Telerik UI components for ASP.NET MVC require a ScriptRegistrar in order to work properly. The latter outputs the required JavaScript files as well as the JavaScript initialization code. You are probably missing a ScriptRegistrar hence the DatePicker does not work. Here is the minimum required code:
#(Html.Telerik().DatePicker()
.Name("DatePicker")
)
#(Html.Telerik().ScriptRegistrar())
Don't those Telerik helpers rely on some kind of HttpModule that you'd need to register in the global config?