Bug report

When visible attribute is set to false for a panelbar-item, the item remains visible when the widget is rendered.

Reproduction of the problem

<kendo-panelbar name="project">
        <items>
            <panelbar-item text="Storage" expanded="true">
                <items>
                    <panelbar-item visible="false" text="Kids Storage" ></panelbar-item>
                </items>
            </panelbar-item>
        </items>
</kendo-panelbar>

Current behavior

Adding visible attribute to panelbar-item does not change its visibility.

Expected/desired behavior

Adding visible attribute to panelbar-item should change item visibility.

Environment

• Kendo UI version: 2019.2.619
• Browser: [all]

Bug report

In Core when the ComboBoxFor helper is used as an editor in a Grid (Shared/EditorTemplates) and its Name is set, the Grid does not render and no exception is displayed, to indicate that the Name option should not be set.

Reproduction of the problem

Reproducible in the Editing custom editor Grid demo.

1. Set the ComboBox' Name in the ClientCategory.cshtml template

@(Html.Kendo().ComboBoxFor(m => m)
    .Name("CategoryID")
    .DataValueField("CategoryID")
    .DataTextField("CategoryName")
    .BindTo((System.Collections.IEnumerable)ViewData["categories"])
)

Current behavior

We throw an exception when the Name is set (e.g. if the ComboBox is used outside of a Grid), but in this scenario it is not displayed.

Expected/desired behavior

An exception is thrown and its message is displayed.

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• Browser: [all]

Bug report

The data attributes are not rendered for the DropDownlist when bound to Model in Razor Pages.

Reproduction of the problem

View:

@page
@model TelerikAspNetCoreApp12.Pages.IndexModel

<form>
    @(Html.Kendo().DropDownList()
            .Name("fabric")
            .OptionLabel("Select...")
            .DataTextField("Text")
            .DataValueField("Value")
            .BindTo(Model.Data)
            .Filter("contains")
    )
    <input type="submit" />
</form>

Back end:

namespace TelerikAspNetCoreApp12.Pages
{
    public class IndexModel : Microsoft.AspNetCore.Mvc.RazorPages.PageModel
    {
        public List<TestModel> Data { get; set; } = new List<TestModel>();

        public void OnGet()
        {
            for (int i = 1; i <= 100; i++)
            {
                Data.Add(new TestModel() { Text = "product" + i, Value = i.ToString() });
            }
        }
    }
}

Model:

namespace TelerikAspNetCoreApp12.Models
{
    public class TestModel
    {
        [Required(ErrorMessage = "Please select")]

        public string Text { get; set; }

        public string Value { get; set; }
    }
}

Inspect the input field for the DropDownList. It does not have data-val and data-val-required attributes.

Current behavior

The data attributes are not being rendered.

Expected/desired behavior

The data attributes should be rendered.

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• Browser: [all]

IgnoreCase property is missing for the filterable options of the column:

https://docs.telerik.com/aspnet-core/api/Kendo.Mvc.UI.Fluent/GridBoundColumnFilterableBuilder

The option is documented in:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.filterable.ignorecase

When a model property is decorated with data annotation attributes, the RadioButton HtmlHelper does not properly render the data-val and data-val-required attributes on the element.

Expected behavior:  Data attributes should be successfully rendered on the <input> element.

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

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>)'

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).

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>

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:

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!

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

MinWidth
MinHeight
Events (Open, Close, etc.)

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