I'm using the UI for MVC MaskedTextBoxFor construct with phone numbers.  

For basic areacode+number, it's working fine.   But I don't see anything in the documentation about how to add an additional optional extension number to the end - for a maximum form of "(000) 000-0000 x09999".   In your documentation I saw no predefined mask rules for optional parts of the mask.

I see that I can do the validation part of this with a regex rule but don't see how to get the mask to automatically insert the " x" after the end of the "3333" part of the number in preparation of an option 1 to 5 number extension if and only if the user continues typing characters after typing the primary number "(000) 000-0000" part.

I'm assuming that this should be able to be be done via a custom mask rule function, but didn't see any examples in your documentation involving optional pieces of content where fixed content like the " x" will be auto-added for the user.

Thanks!
-Bob

I've been using the Grid successfully to implement paging, sorting, filtering via server-side POSTs, it all works great. However, I am having trouble getting the DELETE buttons (and possibly UPDATE as well) to immediately post, it seems like the control is waiting/batching them up... and I don't want that behavior. I want immediate POSTs for delete and update.

Can anyone see where I'm going wrong here?

Thanks,
Craig


<script type="text/javascript">
    $(function () {
        $("#employeesGrid").kendoGrid({
            toolbar: ["create", "save", "cancel"],
            columns: [
                { field: "FirstName", title: "First Name" },
                { field: "LastName", title: "Last Name" },
                { command: "destroy" }
            ],
            dataSource: new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "api/Customer",
                        type: "POST",
                        contentType: "application/json"
                    },
                    destroy: {
                        url: "api/Customer/Delete",
                        type: "POST"
                        //contentType: "application/json"
                    },
                    parameterMap: function (options, operation) {
                        if (operation === "read")
                            return kendo.stringify(options);
                        else
                            return options;
                    }
                },
                schema: { data: "Data", total: "Count", model: { id: "Id"} },
                pageSize: 5,
                serverPaging: true,
                serverSorting: true,
                error: function (e) {
                    console.log(e.statusText);
                }
            }),
            batch: false,
            editable: {
                //mode: "popup",
                destroy: true
            },
            scrollable: false,
            sortable: true,
            pageable: true
        });
    });
</script>

I would like to display following chart in logarithmic way 

I tries to add that option in VAlueAxis Proporties like that but it changed nothing 



Could you help me please?

i use app.navigate('#test') when i input transition to view ,will open view 2 times
if i not put transition no problem but run event onshow 2 times

Hello,

I need some help, please.

I have a mobile drawer, but I want to change the way the button looks depending on if the drawer is showing or not.
Any ideas on how to do this? I am not sure which style property to use for this.

Thanks

I am trying to use ListView using MVC 

 @{Html.Kendo()
           .ListView(Model)
           .Name("cutomers")
           .BindTo(Model);
  }

Where do we specify templates? I do see there's a ClientTemplateId property exposed but not able to find its usage.
Can you please share any sample showing ListView in MVC.

Thanks,
Kuljit

I'm trying to use the new html5 report viewer using the example given here HTML5 Report Viewer with MVC .

Whenever i try to call the controller class from the example , i get this error:


Does Telerik have any tutorials on how to use this new report viewer in conjunction with Ninject?

Hi,

I'm developping an ASP.NET MVC application using Kendo UI v2014.1.415.  Some of the Kendo controls are not rendering properly in Release mode. I check the the css bundle I found the following :
/* Minification failed. Returning unminified contents.
(27,35175): run-time error CSS1030: Expected identifier, found '.'
(27,35182): run-time error CSS1031: Expected selector, found ')'
(27,35182): run-time error CSS1025: Expected comma or open brace, found ')'
*/

Here is the code from my bundle config :

 bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/respond.js"));

            bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css"));

            //Kendo UI - Begin
            const string VersionKendo = "2014.1.415";
            const string KendoScriptFolder = "~/Scripts/kendo/" + VersionKendo + "/";
            const string KendoCssFolder = "~/Content/kendo/" + VersionKendo + "/";

            bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                KendoScriptFolder + "kendo.all.min.js",
                KendoScriptFolder + "cultures/kendo.culture.en-US.min.js",
                KendoScriptFolder + "cultures/kendo.culture.fr-FR.min.js",
                KendoScriptFolder + "kendo.aspnetmvc.min.js"
                ));

             bundles.Add(new StyleBundle("~/Content/kendo/css").Include(
                KendoCssFolder + "kendo.common.min.css", 
                KendoCssFolder + "kendo.metro.min.css",
                KendoCssFolder + "kendo.default.mobile.min.css"));
            
            // Clear all items from the default ignore list to allow minified CSS and JavaScript files to be included in debug mode
            bundles.IgnoreList.Clear();

            // Add back the default ignore list rules sans the ones which affect minified files and debug mode
            bundles.IgnoreList.Ignore("*.intellisense.js");
            bundles.IgnoreList.Ignore("*-vsdoc.js");
            bundles.IgnoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled);
            //Kendo UI - End          

            BundleTable.EnableOptimizations = true;

How can I fix this?

Hi Guys,

I am using the Combobox and it is giving me a javascript error. I have made sure JQuery is only included once and other Kendo controls are working.

Razor Code
@(Html.Kendo().ComboBox()
                            .Name("Projects")
                            .DataTextField("ProjectName")
                            .DataValueField("ProjectID")
                            .HtmlAttributes(new { style = "width:200px" })
                            .Filter("contains")
                            .AutoBind(false)
                            .MinLength(3)
                            .DataSource(source =>
                            {
                                source.Read(read => { read.Action("GetProject", "VMS"); }).ServerFiltering(true);
                            })) 

Controller Code
public JsonResult GetProject([DataSourceRequest] DataSourceRequest request)
        {
            var model = _db.Project.ToList();
            var result = model.ToDataSourceResult(request, r => new
            {
                ProjectID = r.ID,
                ProjectName = r.Name,
            });
            return Json(result, JsonRequestBehavior.AllowGet);
        }

JSON from fiddler
{"Data":[{"ProjectID":1,"ProjectName":"Project 1"},{"ProjectID":2,"ProjectName":"Project 2"},{"ProjectID":3,"ProjectName":"Project 3"}],"Total":3,"AggregateResults":null,"Errors":null}

Chrome error
Uncaught TypeError: undefined is not a function kendo.all.min.js:11
ct.extend.success kendo.all.min.js:11
b.isFunction.i jquery-1.9.1.js:7223
n.success kendo.all.min.js:11
c jquery-1.9.1.js:7341
p.fireWith jquery-1.9.1.js:7403
k jquery-1.9.1.js:9597
r

Thanks
Andrew

Hi,

I am using "resizable:true" in Kendo Grid, but only filterable columns can be re-sized. Non-filterable (with "filterable:false") columns can't be re-sized. I have searched it on Kendo forums, but apparently no solution.

Regards
Zaheer