I am using Kendo UI Multiselect and have this Data:

var data =
[
{ text: "Shirt-Black", value: "1" },
{ text: "Shirt-Brown", value: "2" },
{ text: "Shirt-Blue", value: "3" },
{ text: "Cap-Green", value: "4" },
{ text: "Cap-Red", value: "5" },
{ text: "Cap-White", value: "6" },
{ text: "Jacket-Denim", value: "7" }
];

Now I want that if I select "Shirt-Brown" then rest entries for shirt i.e. "Shirt-Black" and "Shirt-Blue" should not appear in the list which means that the user should not be able to choose the Shirt of two colors.Similarly, If a "Cap" of any color has been chosen then user should not be able to choose the "Cap" of any other color.

Is there any way to achieve this?

Hi,

In URL http://telerik.ximnet.com.my/kendo_test/test_new_version.html

I try to use the new version from telerik.kendoui.professional.2014.3.1119.commercial.zip.

However I get error in kendo.all.min.js:27 Uncaught TypeError: Cannot read property 'addEventListener' of undefined

The error appears when I include the code:

How should I fix this?

Thanks.

The currency editor control behaves correctly in your example here: when you start editing, the caret is placed after the last digit.
However, it behaves incorrectly in my local MVC example ("C:\Program Files (x86)\Telerik\UI for ASP.NET MVC Q3 2014\wrappers\aspnetmvc\Examples\VS2012\Kendo.Mvc.Examples\"), just run StartExamples.exe and go to "http://localhost:8301/razor/grid/editing-custom". When you start editing, the caret is placed at the first digit, which is terribly inconvenient.
I have the same problem in my MVC project too and i guess this is a bug. I don't know if it is only related to the grid, or maybe it is currency/decimal editor control problem.

This was an six hour research project! There were examples that used Inkscape or ImageMagick or some similar external program that needed to be loaded on your server and use a command-line interface to work. This seemed overly messy and resource intensive. One such example is here - http://www.kendoui.com/code-library/dataviz/chart/kendo-ui-chart-export.aspx 

But there HAD to be a more direct .NET route. Then I stumbled upon this - http://svg.codeplex.com/  and in 6 lines of code (it should have been less) the solution worked!

Simply download the dll from the website above and use code similar to:

        Dim strSVG As String = "YOUR SVG STRING OUTPUT"
        strSVG = strSVG.Replace("style='font: 12px Arial,Helvetica,sans-serif'", "font-family='Arial,Helvetica,sans-serif' font-size='12'")
        strSVG = strSVG.Replace("style='font: 16px Arial,Helvetica,sans-serif'", "font-family='Arial,Helvetica,sans-serif' font-size='16'")
        Dim stream = New System.IO.MemoryStream(System.Text.Encoding.UTF8.GetBytes(strSVG))
        Dim svg = SvgDocument.Open(stream)
        svg.Draw().Save("YOUR FILE LOCATION", System.Drawing.Imaging.ImageFormat.Png)

Change the "System.Drawing.Imaging.ImageFormat" to whatever you would like.

At the end you don't have to save it to a file, you can save it to a stream and post it back as the response as part of a "download chart" submission.

It would have been much easier but the control was struggling with the "style=" syntax in the SVG and it wouldn't save any of the text to the image. Hence the reason for the "Replace" lines - which took additional time to troubleshoot.

According to the powers that be at that site:
"It appears to be that the library doesn't support the 'complex' font syntax in the style attribute. I can't work out why, because the standard FontConverter class should support that syntax (or at least similar ones). "

But the workaround wasn't that hard. I suppose if you change the default formatting for any of the labels or titles in the chart, you will need to adjust your "replace" lines.

Hope this saves someone many hours!

Shawn

In addition to the headerTemplate static element at the top of the page, I'm trying to create a footerTemplate with a static button on it for my application (the use case being: if the user can't find the item in the drop down they can click an "Add" button and create the entry themselves.)  but I'm new to Kendo UI and I don't see anything in the API currently that would mimic this.  

I've tried putting in another headerTemplate and adding some CSS to position it at the bottom, but the CSS doesn't seem to have the desired effect (position: relative, bottom: 0).

Any ideas?  Thanks in advance.

Hello guys, I was just wondering if it is possible to add the typical map scale on one of the map corners, showing to the user the current scale used on the map.

This scale would have change depending on the map zoom level.

Do you have something similar to this functionality?

Thanks a lot.

Best Regards.

I am experiencing an issue with grid change using Angular when I upgraded from v2014.2.903 to v2014.3.1119.

When a row gets selected on the grid I using the change event to set the values of other controls on the page.

Here is an example of it working in Kendo v2014.2.903 ... http://jsfiddle.net/lejuan5150/4svqnaz6/

When I upgraded to Kendo v2014.3.1119 this functionality is now broken ... http://jsfiddle.net/lejuan5150/w0711rdg/

Any suggestions on how I can fix this?

Hi,

I'm having a weird problem that causes the Kendo UI Scheduler widget to not render properly in some cases. Please view the following screenshot for an example of what I mean (notice that the hours are placed to the right instead of to the left): http://screencast.com/t/qnnyB1PfI

This is not a permanent problem. Sometimes it will render properly - and sometimes it will not.

I have tried removing all of my code - except for one thing: ng-view. I use the AngularJS-version of the widget, and I use an ng-view to load the widget into the HTML. I suspect that this might be the reason for why the widget is not loading properly in all cases.

Did anyone else encounter this problem?

Regards,

Peter Terkildsen

Hi,

I'm using the technique described in http://www.telerik.com/forums/config-tooltip-on-event-and-on-editor-event to display tooltips in Kendo Scheduler Timeline view. It works nice until I start dragging an event. When an event is being dragged, the tooltip moves to the top left corner. How to hide the tooltip when I start dragging an event?

Hello. I have created a Kendo UI core widget project. I have created a viewmodel source code as home.js and am try to bind it with div of indexx.html.. 

This is the home.js.

var vm = kendo.observable({
    isLoggedIn: true,
    isLoggedIn1: true,
   <other variables, functions});
kendo.bind(document.body($("#view2")), vm, kendo.mobile.ui);

After the binding when i run the code in iphone or android simulator it works perfectly, but when I check it in device, the div tag and its elements are not rendered. If If i remove script tag reference of home.js the page is rendered perfectly fine but then there is no functionality.

Please advice.