I have a number of Kendo grids which utilize detail templates. I'd like to add some animation for when the user chooses to expand the details.

Is there any way to add some animation such as a jQuery Easing ​for when ​the details show and hide?

For reference, we are using the MVC/​Razor helpers.

 

By default when you hover over an event it shows a tooltip (from "title" attribute on div) of something like "(7:00 AM - 8:00 AM): Board Meeting" with start time, end time, and title of event. Is there a way I can customize this attribute?

Hi..

Im using kendo ui grid with row filtering and inline edit. im using cache mechanisam where i will be having reference data and binding data to grid,

  $scope.kendoParse = (result) => {
                var data = [];
                var results = result.results;
                for (var i = 0; i < results.length; i++) {
                    var activity = {
                        id: results[i].id,
                        name: results[i].name,
                        description: results[i].description,
                        departmentId: results[i].department,
                        activityCategoryId: results[i].activityCategory,
                        createdDate: results[i].createdDate ,
                        createDate: results[i].createDate,
                        createdBy: results[i].createdBy
                    };
                    data.push(activity);
                }
                return { "results": data, "totalResults": result.totalResults };

            };​

and im binding columns type as object. below is the code that im using to bind columns to grid

   kendoProperties.addColumnConfiguration({ type: "string", field: "name", title: "Name", filterable: { operators: { string: { contains: "Contains", startswith: "Starts With", eq: "Is Equal To" } } } });
            kendoProperties.addColumnConfiguration({ type: "string", field: "description", title: "Description", template: "#= (description == null) ? '-NA-' : description #", filterable: { operators: { string: { contains: "Contains", startswith: "Starts With", eq: "Is Equal To" } } } });
            kendoProperties.addColumnConfiguration({
                type: "object", field: "departmentId", title: "Departmets", template: "#= departmentId.name #",
                editor: departmentEditor, filterable: { cell: { template: departmentFilter, showOperators: true } }
            });
            kendoProperties.addColumnConfiguration({
                type: "object", field: "activityCategoryId", title: "Category", template: "#= activityCategoryId.name #",
                editor: activityEditor, filterable: { cell: { template: categoryFilter, showOperators: true } }
            });
            kendoProperties.addColumnConfiguration({
                type: "date", field: "createdDate", title: "Created Date", template: "#= (createdDate == null) ? '-NA-' : kendo.toString(kendo.parseDate(createdDate, 'yyyy-MM-dd'), 'yyyy-MM-dd') #",
                filterable: { cell: { operator: "EQUALS" } }
            });
            kendoProperties.addColumnConfiguration({
                type: "",
                field: undefined, command: [{ name: "edit", template: "<div class='kendo-grid-editbtn k-button'><span class='k-icon k-edit'></span></div>" },
                    { template: "<button class=\"rec-btn grid-action-btn tooltipstyle action- gird - btn\" data-toggle=\"tooltip\" data-placement=\"bottom\" ng-click=\"deleteEntity(dataItem.id)\"><i class=\"settinggrid fa fa-trash-o\"></i></button>" }],
                title: "Actions"
            });
where ever im using column type object grouping is not working for those column.

kindly help to solve the issue,

Thank you in advance.

Hi
Is it possible to call a function defined outside the template? I have a grid where i need to get a value from the field caseid field and do a lot of stuff, depending on that id. I made a template with a button for each row, but I am not able to reach the function that should take care of the rest.
I am trying to do something like this, but it doesn´t work:

Hi All 

I'm attempting to upgrade from version 2015.1.429 and there are sevral minor changes in the controls that break the UI.
I Thought it will be a good idea to have a thread that will have all issues in the last update in one place. 

• Empty k-focus causes the numeric textbox to break silently and fails to render. removing the empty k-focus="" solved the issue. 
• k-orientation now require single quotes while in previous version did not require it. replacing k-orientation="horizontal" with k-orientation="'horizontal'" solved the issue 

 

I will be posting all issues I encountered on this thread and will be thrilled to hear your input

I am trying to implement a Kendo Tab Strip and that applies ui-router to display the contents of the tab. I can get the tab strip to display but not the contents using the ui-view. Anyone have an example of how to make these items work together.
Sample of my html.

Hi,

Angular expression in template 

I found in quiet a few places in kendo charts, angular expressions in templates are not compiled like in other widget, like grid. Few places I found are:

1. valueAxis label template: 
2. series tooltip template

I want to use angular expression to scale the value by thousands, or millions depending on selected option​. So $23,000 scale by thousands become $23k. But now, the angular expression is ignored.

live example: http://plnkr.co/edit/oe6Hzr92VARij1jOtUV6?p=preview

Scaling Specifier in string format 

I don't really need angular expression if the kendo's default string format support the Scaling Specifier (,) like in c#.

"," serves as both a group separator and a number scaling specifier. As a group separator, it inserts a localized group separator character between each group. As a number scaling specifier, it divides a number by 1000 for each comma specified.

Group separator specifier:
2147483647 ("##,#", en-US) -> 2,147,483,647
2147483647 ("##,#", es-ES) -> 2.147.483.647
Scaling specifier:
2147483647 ("#,#,,", en-US) -> 2,147
2147483647 ("#,#,,", es-ES) -> 2.147

Can you get the templates to read angular expression or match the scaling specifier in c# string format? Or better yet make both them work? 

Best,

Ama

 

Hello,

 I'm trying to create a kendo list view in razor c#. For some reason, when my view loads, the read.action gets hit, but it never enters my controller. I cant figure out why that is. Also, when I manually bind the data source using bindto(), i get the data back but it never gets rendered in the template. What am i doing wrong?

 

Here is my listview wrapper :

   @(Html.Kendo().ListView<DAL_NEW.proc_GetDepartmentArticles>()
        .Name("DepartmentArticlesList")
     
      
      .ClientTemplateId("template")
      .TagName("div")
      
     

        .DataSource(datasource =>
        {
                datasource.Model(model => model.Id(p => p.Article_ID));
                datasource.Read(read => read.Action("GetDepartmentArticles", "Departments", new { departmentID = Model.CurrentSection.Section_ID.ToString() }));
                datasource.PageSize(15);
        })
        .Pageable()
        
       )

 

Here is the template (this isnt a real template, just for testing) :

 <script type="text/x-kendo-template" id="template">
<div>
           <p> ${Title}</p> 
           <p> #=Title#</p>
          <p>  #:Title#</p>
            </div>
</script>

 Here is the controller : 

public ActionResultGetDepartmentArticles([DataSourceRequest]DataSourceRequest request,string departmentID)
        {
            List<proc_GetDepartmentArticles> articleList = db.Proc_GetDepartmentArticles(Pub.Pub_ID, Convert.ToInt32(departmentID)).ToList();


            return Json(articleList.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }

 

 ​

 

Hi,

 I'm just starting out with KendoUI and hopefully this is a relatively easy question.

 

I have a stacked bar chart and for one of the stacked values I'd like to fill it with a pattern, rather than a colour.

 

I've found various bits and pieces on the internet discussing things like: FillStyle.FillSettings.HatchStyle, but I've not found that in the API and I've had no success trying to make it work myself.

 

Any help would be appreciated.

Hello,

I need to get the "Field Name" when the user to  Add or Remove a Column, row or measure from Fields.

 

I need that when the user do drag & drop executed, fire a event with the Field Name it belongs

 

It is possibility?

 

thanks,