Approved
Last Updated: 26 Apr 2019 10:16 by ADMIN
Created by: Chris
Comments: 3
Category: Grid
Type: Feature Request
2

I was wanting to create a multiselect filter inside the kendo grid that will filter an array column, NOT a simple string column.  Just adding the .Filterable(ftb => ftb.Multi(true)) does display a basic 'multiselect' with just checkboxes in it, which is not ideal , but does work.  But, when you click filter, the grid becomes empty.  I had to use a clienttemplate() function, to return an html object like so:

export function MultiRowTemplate(data) {
       if (data == null) {
           return "";
       }
       var row = "";
       for (var i = 0, len = data.length; i < len; i++) {
           row += data[i].Description + "<br/>";
       }
       return row;
   }

 

My column is:

columns.ForeignKey(a => a.DisplayExp, (System.Collections.IEnumerable)ViewData["Exp"], "Id", "Description").ClientTemplate("#= MultiRowTemplate(data.DisplayExp) #").Filterable(ftb => ftb.Multi(true)).Title("Experience");

 

the code for the foreign key doesn't make much sense as it's an array column, but that was pointed to by telerik support on other forum posts.  

So, there must be a way to hook into that column and run some custom code to return to the grid the filtered values?  i've seen examples for jquery, and mvc, but theres nothing for .net core.  This should just work out of the box, as I don't think this is an uncommon need.  Could you give me an example or point me in the right direction?

 

 

 

 

Approved
Last Updated: 23 Apr 2019 10:50 by ADMIN
Created by: Joshua
Comments: 0
Category: UI for ASP.NET Core
Type: Bug Report
1

Trying to attach an event to the Core Sparkline wrapper like this:

@(Html.Kendo().Sparkline()
                .Name("temp-log")
                .Type(SparklineType.Column)
                .Data(new double[] {
                16, 17, 18, 19, 20, 21, 21, 22, 23, 22
            })
            .Events(e=>e.SeriesClick("onSeriesClick"))
)

leads to a compilation error:

Error CS0121 The call is ambiguous between the following methods or properties: 'SparklineBuilder<T>.Events(Action<ChartEventBuilder>)' and 'SparklineBuilder<T>.Events(Action<SparklineEventBuilder>)'


Approved
Last Updated: 05 Apr 2019 13:22 by ADMIN
Created by: Mhd.Ahd
Comments: 0
Category: UI for ASP.NET Core
Type: Bug Report
1

Dears,

While browsing the new components of UI for Asp Core, I found an Issue in the provided online sample (https://demos.telerik.com/aspnet-core/ripplecontainer/index)

After transferring and moving items between the lists of "RIPPLE ON LIST ITEMS", the list display the raw HTML of the items. So, I provided a screen record reproducing the issue (https://pasteboard.co/I7Fx0AW.gif).

Approved
Last Updated: 18 Mar 2019 15:13 by ADMIN

The Menu TagHelper does not render correct links for its items when the asp-page attribute is used.

With area it does not render a link at all:
<menu-item text="Home" asp-area="Products" asp-controller="Home" asp-action="About"></menu-item>

Without area it renders an incorrect link
<menu-item text="Login" asp-area="Products" asp-page="/Books"></menu-item>


Pending Review
Last Updated: 15 Mar 2019 09:16 by ADMIN
Created by: Valid Development Factory
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
0

Hello,

We want to create a custom Material theme for our ASP.NET Core web application. We are using the Sass Theme Builder but can only select predefined color swatches for the "Material" base theme. We would like to be able to set custom colors per "subject" just like you can with the "Default" and "Bootstrap" theme. 
Is this possible or are you blocking this on purpose for some reason?

Thank you in advance.

Approved
Last Updated: 12 Mar 2019 23:40 by Aldermar
Created by: Aldermar
Comments: 1
Category: TreeView
Type: Feature Request
2
Hence, binding to Model and ViewBad will be feasible.
Approved
Last Updated: 11 Mar 2019 16:08 by ADMIN
I don't See Telerik ASP.NET Core in My Tool Box.
Pending Review
Last Updated: 08 Mar 2019 12:13 by ADMIN

When you create a Grid using a TModel that inherits from DynamicObject, a type cast exception is thrown when setting the DataSource Model Id property.

public class Metadata : DynamicObject

{ ... }  


...
.DataSource(dataSource =>
{
    dataSource.Ajax()
      .Model(model =>
      {
          model.Id("Id");
      });
})

A type cast exception is thrown by the following line in Kendo\AspNet.Core\Kendo.Mvc\UI\DataSource\Fluent\DataSourceModelDescriptorFactoryBase.cs because ModelDynamicDataKey is not generic, so it cannot be cast to IDataKey<TModel>

dataKey = (IDataKey<TModel>)new ModelDynamicDataKey(fieldName, lambdaExpression);


The following code changes fix the issue:

DataSourceModelDescriptorFactoryBase.cs

namespace Kendo.Mvc.UI.Fluent
{
	using System.Reflection;
	using Extensions;

	/// <summary>
	/// Defines the fluent interface for configuring the <see cref="DataSource"/> Model definition.
	/// </summary>
	/// <typeparam name="TModel">Type of the model</typeparam>
	public abstract class DataSourceModelDescriptorFactoryBase<TModel> : IHideObjectMembers
        where TModel : class
    {
        protected readonly ModelDescriptor model;

        public DataSourceModelDescriptorFactoryBase(ModelDescriptor model)
        {
            this.model = model;
        }

        /// <summary>
        /// Specify the member used to identify an unique Model instance.
        /// </summary>
        /// <param name="fieldName">The member name.</param>
        protected void Id(string fieldName)
        {
            IDataKey<TModel> dataKey;
            if (typeof(TModel).IsDynamicObject())
            {
                var lambdaExpression = ExpressionBuilder.Expression<TModel, object>(fieldName);
                dataKey = new ModelDynamicDataKey<TModel>(fieldName, lambdaExpression);
            }
            else
            {
                dataKey = GetDataKeyForField(fieldName);
            }

            dataKey.RouteKey = dataKey.Name;

            model.Id = dataKey;
        }

        protected IDataKey<TModel> GetDataKeyForField(string fieldName)
        {
            var lambdaExpression = ExpressionBuilder.Lambda<TModel>(fieldName);
            var fieldType = typeof(ModelDataKey<,>).MakeGenericType(new[] { typeof(TModel), lambdaExpression.Body.Type });

            var constructor = fieldType.GetConstructor(new[] { lambdaExpression.GetType() });

            return (IDataKey<TModel>)constructor.Invoke(new object[] { lambdaExpression });
        }
    }
}

 

ModelDynamicDataKey.cs

namespace Kendo.Mvc.UI
{
    using System;
    using System.Linq.Expressions;
    using Microsoft.AspNetCore.Mvc.Rendering;

    internal class ModelDynamicDataKey<TModel> : IDataKey<TModel>
        where TModel : class
    {
        public ModelDynamicDataKey(string memberName, Expression<Func<TModel, object>> expression)
        {
            RouteKey = "id";
            Name = memberName;
            Expression = expression;
            Value = expression.Compile();
        }

        public string Name
        {
            get;
        }

        public string RouteKey
        {
            get;
            set;
        }

        public Func<TModel, object> Value
        {
            get;
        }

        public Expression<Func<TModel, object>> Expression
        {
            get;
        }

        public object GetValue(object dataItem)
        {
            try
            {
                return Value((TModel)dataItem);
            }
            catch (Microsoft.CSharp.RuntimeBinder.RuntimeBinderException)
            {
                return null;
            }
        }

        public string HiddenFieldHtml(IHtmlHelper<TModel> htmlHelper)
        {
            return htmlHelper.Hidden(Name, null, new { id = "" }).ToString();
        }
    }
}


Declined
Last Updated: 01 Mar 2019 13:48 by ADMIN
Created by: Raian
Comments: 1
Category: Window
Type: Bug Report
0

Hello good afternoon all right?

I am developing a code where I create a base model of a window and use javascript to be able to define data like autura, width, content (URL) and etc ...
In the example I am doing, I have a menu that according to the ID of the item that I clicked on the menu, it performs a function and according to the ID, it defines the data of the Window, as I do not have a component like "RadWindowManager" to facilitate this part of the creation, I am doing this process:

Component Code:

<nav class="navbar navbar-expand-xl navbar-light bg-light">
        <a class="navbar-brand" href="#">
            <div> <img src="~/images/selo.png" class="pull-left imagem" /> </div>
        </a>
        <a class="navbar-brand" href="#">
            <img src="~/images/softlux.png" class="logo_posicao" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mr-auto">
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('3,0')">
                                Example Window 1
                            </a>
                        </li>
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('6,0')">
                                Example Window 2
                            </a>
                        </li>
                        <li class="dropdown nav-text">
                            <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="aoClicar('12,0')">
                                Example Window 3
                            </a>
                        </li>
            </ul>
        </div>
</nav>

@(Html.Kendo().Window()
    .Name("FrmGrid")
    .Resizable()
    .Draggable()
    .Content("Loading...")
    .Visible(false)
    .Modal(false)
    )


Scripts Code:

<script type="text/javascript">
        function aoClicar(idItem) {
            switch (idItem) {
                case "3,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of Environments",
                        width: 980,
                        height: 440
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Ambiente/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                case "6,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of Professions",
                        width: 980,
                        height: 400
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Profissao/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                case "12,0":
                    var janela = $("#FrmGrid").kendoWindow().data("kendoWindow");

                    janela.setOptions({
                        title: "Table of reasons",
                        width: 980,
                        height: 560
                    });

                    janela.refresh({
                        url: 'http://' + window.location.hostname + ':' + window.location.port + '/Motivo/Index'    // Open a Controller and Action as Frame
                    });

                    janela.center().open();
                    break;
                default:
                    alertify.error('Window not disponible.');
            }
        }
</script>

 

However, I noticed 2 problems in Defining Options such as height, width, title, and content
If I use this method to define:

janela.setOptions({
    title: "Table of reasons",
    width: 980,
    height: 560
});

The final result of the window looks like this:

Note that the Content Frame is passing outside the window border, or in case the background shadow of it, in other browsers the size may even follow the pattern of the shadow, but in Google Chrome you get this part beyond the limit.

If I use this method to set the properties:

var janela = $("#FrmGrid").kendoWindow({
        title: "Table of reasons",
        width: 980,
        height: 560
    }).data("kendoWindow");

When you create the first window, you create it without problems:

Note that even the window is the correct size.
However, if I close and try to open another menu item, properties such as Height, Width, and Title are not updated, see:

As much as I have defined the patterns before opening the window, the only thing that was changed in the window was the URL / Content

I hope you have understood what you want to report, do not forget the texts in the grid or the buttons are not in English, this project I am developing in my native language (In the case of Brazilian Portuguese)

Anyway thank you for your attention and I await your response.
Have a nice day
Approved
Last Updated: 28 Feb 2019 15:39 by ADMIN
Created by: Bharat
Comments: 1
Category: Grid
Type: Bug Report
2

Hi Kendo Team,

I am working on Kendo UI ASP.NET Core Grid binding with SignalR. But while starting Hub and providing the Promise, I am facing an error "The "promise" option must be a Promise."

I am following this URL for reference: https://demos.telerik.com/aspnet-core/grid/signalr .

Checked on your website as well, but the issue is also coming there. Here is the URL: https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/configuration/transport.signalr

In this link, when clicking on "Open In Dojo" button, it opens a new window, then clicks on the Run button. It will generate an error in the console "Uncaught Error: The "promise" option must be a Promise.". 

Please check the attached snapshot.

Please reply asap. Thanks in advance!

Approved
Last Updated: 28 Feb 2019 15:34 by ADMIN
Created by: William
Comments: 2
Category: Grid
Type: Feature Request
5

I'm currently evaluating the ASP .Net Core Components and whilst I'm liking it so far, I have to say - the documentation leaves a lot to be desired.

At the moment, I am trying to use grid and looking at documentation, I have no idea if I am meant to be looking in Kendo.Mvc.UI.Fluent or Kendo.Mvc.UI - and when I am there and find an item, there just isn't enough detail. In addition, the demos section appears to actually be more helpful and I'm constantly looking there.

What caused me to write this is that I have simply enabled GridFilterMode.Row on an instance and whilst I like it, I want to change the default from "Is Equal To" to "Contains"... I have been experimenting for the past few hours without any luck and I'm going round in circles on documentation:

I can see that Filterable requires GridFilterMode, but the documentation is lacking - https://docs.telerik.com/aspnet-core/api/Kendo.Mvc.UI/GridFilterMode#kendomvcuigridfiltermode

I then try to find the filterable modes documentation, but, half the features/methods just don't seem to have any affect whatsoever.

Personally, I'm having great luck learning about your components from the demo section and adapting the code to suite my needs - but, if there isn't a demo, it appears to be a very hard task to learn what is and isn't possible.

Approved
Last Updated: 28 Feb 2019 12:34 by ADMIN
Created by: CLOCA
Comments: 0
Category: UI for ASP.NET Core
Type: Bug Report
2

When certain options of the editable Window are set through configuration, they are not being serialized correctly:

MinWidth
MinHeight
Events (Open, Close, etc.)

@(Html.Kendo().Scheduler<TelerikAspNetCoreAppScheduler.Models.TaskViewModel>()
   .Editable(e => e.Window(w => 
      w.MinHeight(1000)
        .MinWidth(1000)
        .Events(we => we.Open('onOpen'))))
)


Completed
Last Updated: 22 Feb 2019 13:49 by ADMIN
Created by: Giuseppe
Comments: 4
Category: PanelBar
Type: Bug Report
0

Hi Team

With the latest version of Kendo (Silver Theme), The selected color of a Panelbar was white now it's blackish.

 

Do you have a quick fix for that?

 

Many thanks

Giuseppe

 

 

 

Approved
Last Updated: 20 Feb 2019 08:06 by ADMIN

For computations in a custom aggregate function it would be very helpful to have the start and end DateTimes for the current category at hand.  Right now the category parameter just provides a single DateTime which is the start DateTime of the category.  The end DateTime can only be calculated with a workaround provided by Tsvetina

(see this ticket: https://www.telerik.com/account/support-tickets/view-ticket/1386149)

 

Pending Review
Last Updated: 11 Feb 2019 11:20 by Rusli
Created by: Rusli
Comments: 0
Category: DateInput
Type: Feature Request
1
Add messages configuration for DateInput with TagHelpers. This functionality is present in both the Kendo UI for jQuery and HtmlHelpers.
Pending Review
Last Updated: 30 Jan 2019 09:34 by ADMIN

Hi,

We have a property EnableHeaderContextAggregateMenu in Radgrid. By enabling this, we can aggregate any column in the Radgrid and show the result value in the corresponding column footer at runtime by the end user.

Do we have similar property in Kendo UI Grid? We need to implement this in Kendo UI Grid which has dynamic column data binding. We had attached a sample code here. Can you please implement the same in the code and revert?

Thanks & Regards,
Shivakumar. K

Declined
Last Updated: 26 Dec 2018 13:01 by ADMIN
Created by: parveen
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
0

Hello,

Object doesn't support property or method 'syncReady' I am getting this error and not able to resolve that issue. I am using visual studio core and imported Telerik.ui.for.aspnet.core.trial. I also imported the js of Kendo.Ui.Core . but not able to resolve the issue. Please help

 

Thanks

Approved
Last Updated: 05 Dec 2018 16:43 by ADMIN
View:
@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
 
<form class="form-horizontal" method="post">
    <h4>Standard textbox:</h4>
    @Html.TextBoxFor(m => m.Candidate.CandidateId)
 
    <h4>Kendo textbox:</h4>
    @Html.Kendo().TextBoxFor(model => model.Candidate.FirstName)
    <div class="form-group">
        <div>
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </div>
</form>

Back end:
public class IndexModel : PageModel
{
    [BindProperty]
    public CandidateViewModel Candidate { get; set; }
 
    public void OnGet()
    {
 
    }
 
    public void OnPost()
    {
        ViewData["firstname"] = $"{Candidate.FirstName}";
        ViewData["candidateid"] = $"{Candidate.CandidateId}";
    }
}

Model:
public class CandidateViewModel
{
    [Key]
    [Display(Name = "Candidate ID")]
    public int CandidateId { get; set; }
 
    [Required]
    [Display(Name = "First Name")]
    public string FirstName { get; set; }
}

Inspect the TextBox and Kendo TextBox helpers in the browser. The latter does not render data-val and data-val-required attributes.
Pending Review
Last Updated: 21 Nov 2018 14:30 by ADMIN
Created by: Rathish
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
1

Hi,

We have  a requirement for circled progress bar. Need to know whether you have specifications regarding the requirement or any optimization need to be done within the given framework to get the desired result. Please find the attached file for reference.

 

Thanks,

Rathish S

Pending Review
Last Updated: 02 Oct 2018 18:57 by Octavio
I`m working development and produced I4.0 devices as well app systems since 3 years.  Are Telerick involve in this applications.