I want to be able to chose a font from the dropdown then start typing in the editor and have it honor this selection.  Currently I have to type the text first, then highlight it and then change it to the font I want.

Is there a way to set the font to a font type other than inherited before I type the text?

If so I would also like to be able to set this in Javascript.

Can someone point me to a functional jsFiddle or equivalent that has something like the example shown here: http://docs.kendoui.com/getting-started/framework/templates/overview  under External Templates and Expressions


Note the improper <ul> in the example, which to me is indicative of this not being code that was pasted from a successful running example.

Anyway, posting code snippets is not enough - post a link to a working example please : )

Thank You

DJM

I have this problem and the best way to describe is through these steps:
Kendo Grid is setup with fixed width columns and filters are enabled.
A column  on the far left side of the grid is defined with a footerTemplate
The user scrolls the the right of the grid to see the column with the footerTemplate
The user filters on a column
The footerTemplate disappears however; the horizontal scrollbar appears to not change position.
"Wiggling" the horizontal scrollbar resolves the missing footerTemplate.

I have attached a zip containing the problem that I captured with the Windows Problem Steps Recorder.

Hi All,

Scroll view is working in chrome and it is not working in Firefox. (UI also changed in Firefox). Please help me on this.
This Problem is there in kendo mobile.

Hi,

The calendar does not function correctly on mobile devices:
- It skips 2 months instead of 1 when navigating. 
- The month selector is not working, it shows years.

Is use the latest internal build.

Thanks,
Koen

Hello,

I'm programmably initializing the auto complete plugin. Because I'm dynamically building the UI on the client, I'm using the client API, not the MVC server wrappers.  I have this function that does the initialization:

function _initKendo(el) {
$(el).attr("disabled", false).kendoAutoComplete({
dataSource: _members,
dataTextField: "Name",
template: '<span data-id="${ data.UserKey }">${ data.Name }</span>',
minLength: 2
});
}

This approach works great.  If in this routine, I were to do:

$(el).data("kendoAutoComplete");

This works great here too.  _members has data as the selection of a member works.  The problem I am having is later on, when I want to extract information about the selected element, data("kendoAutoComplete") returns undefined.  So when the user submits a form, I block submission normally and send a JQuery AJAX request.  I need to grab the user key from the selected item,  To do this, I did:

var auto = $(f).find(".k-autocomplete").data("kendoAutoComplete"); //f is the form that posted back, it has an autocomplete
var item = auto.ul.find(".k-state-selected > span");

This fails because it can't find the plugin, otherwise I believe it would work.  Why can't my code find the plugin using this approach?  I confirmed $(f).find("k-autocomplete") finds the correct element (the input)...

I'm using the out-of-the box data annotations and letting MVC handle the client-side validations for me. I'm also using a tabstrip to segregate different sections of input.  However, all of the input is in the same form.

What I've found is that if I go to a different tab other than the first one and trigger the form submit, the validation doesn't fire and the form gets submitted.

Is there any way to avoid this?  How should I be going about it?

Thanks.

-Joe Benckert

Hi,
I need to give a specific class to a row based on some condition, so i used following code to add class to that row

 @(Html.Kendo().Grid((IEnumerable<model>))
                           .Name("ABCDSource")
                           .Columns(columns =>
                           {
                               columns.Bound(d => d.col).Title("col").
                               columns.Bound(d => d.col1).Title("col1");
                               columns.Bound(d => d.col2).Title("col2");
                               columns.Bound(d => d.col3).Title("col3");
                           })
.RowAction(row=>
                               {
                                  
                                   row.HtmlAttributes.Add("style", "background:red;");
                                // "DataItem" is the Order object to which the current row is bound to
                                   if (row.DataItem.Istrueval== true)
                                   {
                                       //Set the background of the entire row
                                       row.HtmlAttributes["style"] = "background-color:blue";
                                       row.HtmlAttributes["class"] = "deleted-row";
                                   }
     
                               })....... 

I have added these properties to the row
1.style and
2. class
but both attributes are not getting applied to that row. And rest of the code don't have any syntactical error.  

Please could you suggest a solution? 

Hi All,

I wanted to check if you any of you have tried to open external webpage in safari or android browser. All options through href opens it in WebView within the app. I am not able to open it in the browser explicitly. Any ideas?

Thanks
Mahadev

Hi, I have json data coming back correctly (can see it in fiddler) but I'm not sure how to bind it to kendo charts correctly.

This is how the data is formatted:

[{"Question":"lorem ipsum....?","OptionTitles":["Branch Office 2","Head office"],"OptionCounts":[1,1]}]

The data I want to use for the chart is the option titles for categories and the option counts as the bar/column display. 

The example below is of a bar chart, currently there are no bars and the y axis displays [object Object], maybe I need to drill into the json somehow?
My chart:

 $("#chartBar").kendoChart({
                theme: "metro",
                dataSource: {
                    transport: {
                        read: {
                            url: 'urltodata',
                            dataType: 'json'
                        }
                    }
                },
                series: [{ name: "Stuff", type: "bar", field: "OptionCounts" }],

                categoryAxis: [{ field: "OptionTitles" }],
                line: { visible: false },
                tooltip: { visible: true, format: "{0:00}%" },
                legend: { position: "bottom" }
            });

Many thanks!