I am trying to use a template that has textboxes with drag and drop.  The textboxes are not able to gain focus. 

Is there a configuration option I can use to do this?  If not, would it be possible to add a property that gives access to the draggable.ignore option, or even just make the ignore option a standard css class I can use, like k-ignore-drag?

Thanks,

Mike

I was looking for the Keyboard Navigation in the Demos (like there is for all other controls), but didn't see it.  Was this an oversight?  Please provide the kb nav info.
http://demos.telerik.com/kendo-ui/upload/index
Thanks,
--Ed

Hi everyone, 

I am trying to add a kendo dropdown to a CRM 2011 Formular. 

If I do so in CRM 2013 - everything works great. 

However in CRM 2011 it happens that the dropdown won't open, no matter what I do.
(also to mention that the center() property of the k-window isn't working as well)

This also applies to the kendo editor. The dropdown on the editor doesnt work either... 

System Details: CRM 11 & IE 8
Kendo (all): Kendo UI v2014.2.926
CRM Form: The dialog div was inserted into the body tag of the crmContentIFrame.

If I execute the same code outside the CRM, it works. (Also in IE8)

Here is my code: http://jsfiddle.net/aortega/xg57nmrL/

Has anyone had this issue yet?

Any ideas? 

I want to use GridEditmode as Popup. I want to hide some of the fields and some to be disabled while editing in PopUP. ScaffoldColumn works properly. The problem is with Kendo grid options.
I found following things are not working:
- .Events for edit event is not fired
- Field did not become Non-editable. model.Field ().Editable(false) is not working
- how to change the field name (can we give title) shown in the popUp?

Please let me know the solution. I have given the Grid code along with model below:



  @{Html.Kendo().Grid<ERPLiteModelsServices.Areas.Sales.Models.Product>()
            .Name("KendoGrid1")
            .Columns(columns =>
            {
                
                columns.Bound(c => c.ItemName).Title("ProductName").Width("8%");
                columns.Bound(c => c.Description).Title("Description").Width("20%");
                columns.Bound(c => c.ProductOrServiceName).Title("Product").Width("8%");
                columns.Bound(c => c.CurrentPrice).Title("CurrentPrice").Width("15%");
                columns.Command(commands =>
                {
                    commands.Edit();
                    commands.Destroy();
                }).Title("Commands").Width("16%");
                    

            })
            
            .ToolBar(toolbar => toolbar.Create())
            .Editable(editable => editable.Mode(GridEditMode.PopUp))
            
            //.Events(e => e.Edit("HidePopupFields"))
            .Pageable()
            .Filterable()
            .Sortable()
            .Resizable(config =>
                {
                    config.Columns(true);

                })
            .Reorderable(config =>
                {
                    config.Columns(true);
                })
            .Groupable()
            
            .DataSource(source => source
               // .Server()
               .Ajax()
              // .Events(e => e.Change("HidePopupFields"))
             
               .Model(model =>
                   {
                       model.Id(m => m.ItemId);
                       
                       model.Field(m => m.ProductOrServiceName).DefaultValue("Product").Editable(false);
                       
                   })
                   
               .Read(read => read.Action("ReadList", "Products", new { area = "Sales" }))
               .Create(create => create.Action("Insert", "Products", new { area = "Sales" }))
               .Update(update => update.Action("Update", "Products", new { area = "Sales" }))
               .Destroy(update => update.Action("Delete", "Products", new { area = "Sales" })) )
            .Render();
            
                
            }
                
            
    


</div>



}

<script >
    function HidePopupFields(e) {
        alert("HidePopUp");
        $("#ItemId").hide();
        $("label[for='ItemId']").hide();
    }


    $("#KendoGrid1").kendoGrid({
        edit: function (e) {
            e.container.find("input:first").hide();
        }
    });

</script>

Model class:
public class Item
    {
        public const int PRODUCT = 1;
        public const int SERVICE = 2;
       
        private long _ItemId = 0;

        [ScaffoldColumn(false)]
        public long ItemId
        {
            get { return _ItemId; }
            set { _ItemId = value; }

        }
        
        private int _ProductOrServiceId = PRODUCT;
        [ScaffoldColumn(false)]
        public int ProductOrServiceId
        {
            get { return _ProductOrServiceId; }
            set { _ProductOrServiceId = value; }
        }

        public string ProductOrServiceName
        {
            get { return _ProductOrServiceId == PRODUCT ? "Product" : "Service"; }
        }

        private string _ItemName = string.Empty;
        public string ItemName
        {
            get { return _ItemName; }
            set { _ItemName = value; }
        }

        private string _Description = string.Empty;
        public string Description
        {
            get { return _Description; }
            set { _Description = value; }
        }
}

Dear Telerik team,

is it possible to set 2 different source columns for a single dimension?

Example:
Usually a product category has a name and an ID.
Therefore it has at least to related columns in the category database table: name, ID.
The ID is normally used to select/filter data and the name/caption is used for visualizing it within a grid, chart or other
visual area.

Can those 2 source columns be assigned in the meta data.
To trigger a filter later on - which is able to filter by ID - so not by caption of the category?
We need this to built an own configurator and filter control for the grid.

Thanks a lot
Jens

Dear Telerik team,

is it possible to trigger pivotgrid actions via an API?
especially:
- to add dimensions/members or rows or columns (and remove them also)
- to filter dimensions (and to change or reset existing filters)

We need to implement an own custom configurator based on our needs and based on the usability of the
surrounding platform.

Thanks for any suggestions.
Jens

Hello ,

I have kendo menu with items having text and image. I would like to show the menu selected on document load  and am using this jquery but with no success. Is there a way to select menu item by text and fire selected event?

$("#navigationMenu").find("#" + text).addClass("k-state-selected");

Anamika

Hi there i am trying to populate kendo grid using Ajax but it's not populating. I Google ' d and tried some options but didn't work.

Here is my controller code. 

I am fetching employees list from database using EF and Repository pattern. 

Note: it works if I don't use Ajax and bind data normally.

public ActionResult Index()
        {

            //IEnumerable<EmpPersonalDetails> objemp = GetEmployeePersonnelDeatils();
            return View();
        }


 public IEnumerable<EmpPersonalDetails> GetEmployeePersonnelDeatils()
        {
            return objEmp.GetAllEmployees();
        }

     
        public ActionResult GetCustomers([DataSourceRequest]DataSourceRequest request)
        {

            return Json(GetEmployeePersonnelDeatils().ToDataSourceResult(request),JsonRequestBehavior.AllowGet);

        }

Here is my Index.cshtml code 

@{
    ViewBag.Title = "GetCustomers";
}

@model IEnumerable<Employee.Models.EmpPersonalDetails>

<div id="clientsDb">
    @(Html.Kendo().Grid<Employee.Models.EmpPersonalDetails>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.Id).Width(140);
            columns.Bound(c => c.EmployeeName).Width(190);
            columns.Bound(c => c.Address);
            columns.Bound(c => c.Age).Width(110);
        })
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable()
        .Groupable()
        .Sortable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
            .DataSource(dataSource => dataSource
            .Ajax()
                  .Read(read => read.Action("GetCustomers", "Customer"))
                )
        
    )
</div>

<style scoped>
    #clientsDb {
        width: 952px;
        height: 396px;
        margin: 20px auto 0;
        padding: 51px 4px 0 4px;
        background: url('@Url.Content("~/content/web/grid/clientsDb.png")') no-repeat 0 0;
    }
</style>
<h2>GetCustomers</h2>

When I use datepicker widget with bootstrap the styling is "double applied" as seen in the screenshot.
Is there an easy way to skip kendoui styling and just use the functionality?

Snippet <input type="month" class="form-control input-sm" id="Month" name="month"  />
<script>
$("#Month").kendoDatePicker({ depth: "year", start: "year" });
</script>

Thanks.

 R

Hi,

I have a grid with batch inline editing but with a custom editor (a different grid in a popup window) for one of the columns. The problem is that after editing in the popup grid it removes all dirty flags on all changed cells (the red triangle in the cell's top left corner). The flags should stay but I'm doing something wrong and I just can't see it...

example: http://jsfiddle.net/nojgzu0j/1/ change for example "name" and "age" and then click in a "travelled" cell - which shows the popup and removes the red flags. 

Thanks