<div class="k-content">
  @(Html.Kendo ().ImageEditor ().Name ("ImageEditor").SaveAs (i => i.FileName ("Image.jpg")))
</div>

Steps to reproduce:

1. Open a JPEG file in ImageEditor.
2. Save the image.

Current behavior:

The image is saved to Image.jpg but the format of the image is the PNG format.

Expected behavior:

The image should be saved in the format of the loaded image. In the example above, the image should have been saved in the JPEG format instead of the PNG format.

This is very annoying especially because of the increase in file size. For example, a 1 MB JPG file is saved to a 6 MB PNG file.

C# / .NET 5 / Telerik.UI.for.AspNet.Core (V2021.2.511)

Steps to reproduce:

1. Open an image
2. Select the crop tool.
3. Resize the crop to a smaller area.
4. Move the crop area to the top middle of the image for example.
5. Resize the crop to a larger area using the bottom right handle.

Current behavior:

The crop area overflows the image if it is made large enough.

The problem is also reproducible on Telerik Demos at https://demos.telerik.com/aspnet-core/imageeditor

C# / .NET 5 / Telerik.UI.for.AspNet.Core (V2021.2.511)

It will be great if we can have a very simple "out-of-the-box" way to add a Column Chooser in the toolbar, similar to the Search Feature.

Something like Syncfusion's column chooser here:
https://ej2.syncfusion.com/aspnetcore/Grid/ColumnChooser

This will help me significantly in my development effort and provide a much better experience for my paying customers.

I have hundreds of grid tables with different schemas, columns with MinScreenWidth, and hidden columns (depending on the availability of data).

On a page, it can have multiple grid tables that are dynamically generated.

I also use View Component to generate each grid table.

The current column menu isn't perfect because I want it to only act as a filter checkbox, not a menu where a user needs to click twice to access the filtering feature. (And my users need to use the filtering mechanism A LOT)

Thanks,

Luke

Bug report

When the ImageEditor is resized and the Toolbar wraps on 2 rows the canvas of the Component overflows its container.

Reproduction of the problem

1. Add the following code to a Telerik UI for ASP .NET Core project:

<div class="demo-section k-content">
    @(Html.Kendo().ImageEditor()
        .Name("imageEditor")
        .Height(900)
        .SaveAs(s => s.FileName("image_edited.png"))
        .ImageUrl(@Url.Content("~/images/latest-available version.png"))
        .Events(e=>e.ImageRendered("rendered").Execute("executed"))
    )
</div>
<div class="mt-5 card">  <div class="card-body">48px margin above</div></div>

2. Resize the window until the Toolbar of the ImageEditor wraps on 2 rows.

Current behavior

The margin between the ImageEditor and the following div disappears as the ImageEditor overflows its container

Expected/desired behavior

The ImageEditor's should fit in its div container

Environment

• Kendo UI version: 2021.2.511
• **Telerik UI for ASP .NET Core
• Browser: [all]

Bug report

When the crop tool is active and the crop isn't confirmed/canceled upon importing of new image the cropped image persists and overlays the imported image

Reproduction of the problem

1. Open the ImageEditor Demo
2. Click the Crop tool
3. Import a new image without confirming or cancelling the crop

Current behavior

The cropped image persists when the crop hasn't finished and a new image is imported.

Expected/desired behavior

The cropped image should be cleared from view.

Environment

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

[Required]
[StringLength(128)]
[DisplayName("Password")]
[DataType(DataType.Password)]
public string UserPassword { get; set; }

<div class="form-group">
  <kendo-textbox name="UserPassword" type="password"> <!-HOW to use DataType Annotation here? -- >
      <textbox-label content="@Html.DisplayNameFor(m=>m.UserPassword)" floating="true" />
   </kendo-textbox>
</div>

The solution below can be used as a workaround for the time being:

@{ Dictionary<string, string> fieldTypes = new Dictionary<string, string>();
    var properties = typeof(TestModel).GetProperties();
    foreach (var property in properties)
    {
        var dataTypeAttributes = property.GetCustomAttributes(
            typeof(System.ComponentModel.DataAnnotations.DataTypeAttribute), false);
        if (dataTypeAttributes.Length > 0)
        {
            var attribute = dataTypeAttributes[0] as
        System.ComponentModel.DataAnnotations.DataTypeAttribute;
            var dataType = (System.ComponentModel.DataAnnotations.DataType)attribute.DataType;
            fieldTypes[property.Name] = dataType.ToString().ToLowerInvariant();
        }
        else
        {
            fieldTypes[property.Name] = null;
        }
    } }
<form id="mainForm" kendo-validator="true">
    <kendo-textbox for="UserPassword" type="@fieldTypes["UserPassword"]">
        <textbox-label content="@Html.DisplayNameFor(m=>m.UserPassword)" floating="true" />
    </kendo-textbox>
</form>
<script>
    $(document).ready(function () {
        var validator = $("#mainForm").data("kendoValidator");
    });
</script

Add GroupPaging method to the configuration of the Custom DataSource in Telerik UI for ASP.NET Core as available for Telerik UI for ASP.NET MVC.

Example: https://demos.telerik.com/aspnet-mvc/grid/grouppaging

Hi Team,

I'd like to request adding a configuration to the Kendo UI Grid or ExcelExport event which would be a setting to autofit the Excel sheet columns instead of changing the workbook.sheets.columns.autowidth. 

Thank you!

Hello,

I'm already using UI for ASP.NET Core, but want to use the OrgChart. I see that it's only in UI for ASP.NET AJAX. Can I get OrgChart to work in my ASP.NET core project?

Thank you.

I have a donut chart which represent as a circle and in middle of cricle there is some text, which needs to drilldown, hence click event need which is very necessary

Hi Telerik Team

We think it might be very useful an component in telerik like this one https://fengyuanchen.github.io/cropperjs/  for rotate, crop, resize, zoom and move. with a picture box like https://ashleydw.github.io/lightbox/#videos-gallery

If you implement this we will very happy

Thank you

Feature Request

Create TexBox label from ViewModel Data Annotation

Currently, this is possible using the default @Html.Label, and @Html.Textbox

-Model:

     [DisplayName("First Name :")]

     public string FirstName { get; set; }

-View

        <tr>
         <td>
                @ Html.LabelFor(m=>m.FirstName)
            </td>
            <td>
                @Html.TextBoxFor(m=>m.FirstName)                
            </td>
        </tr>

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.

Hi Team,

I would like to request to have it built-in to include the font specifications, such as the name, size, etc, within the inherited font messages of the Kendo UI Editor. 

Thank you!

Bug report

The PDFViewer HTML helper incorrectly serializes the passed to its "File" configuration URL, when the URL has an ampersand(&) sign in it. In the output of the HTML helper, the ampersand is changed with its ASCII code - "\u0026"

• The issue is reproducible both in the UI for ASP.NET Core and UI for ASP.NET MVC suites.

Reproduction of the problem

1. Create an ASP.NET Core or MVC project
2. Paste the below code in it and run it
   @(Html.Kendo().PDFViewer() .Name("pdfviewer-test") .PdfjsProcessing(pdf => pdf .File("https://myrandomcomain.com/api/MyFolder/GetPDF?reference=xxxxxxxx&param1=0&param2=100&contentType=application/pdf") ) .Height(400) )
3. View the source of the opened page and see the generated Javascript code

Current behavior

The generated code is:
jQuery("#pdfviewer-test").kendoPDFViewer({"pdfjsProcessing":{"file":{"url":"https://myrandomcomain.com/api/MyFolder/GetPDF?reference=xxxxxxxx\u0026param1=0\u0026param2=100\u0026contentType=application/pdf"}},"height":400});

Expected/desired behavior

The expected result is
jQuery("#pdfviewer-test").kendoPDFViewer({"pdfjsProcessing":{"file":{"url":"https://myrandomcomain.com/api/MyFolder/GetPDF?reference=xxxxxxxx&param1=0&param2=100&contentType=application/pdf"}},"height":400});

Environment

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

Bug report

A DataSource defined using TagHelpers with disabled serverPaging sets default pageSize:

    <datasource type="DataSourceTagHelperType.Ajax" server-filtering="true" server-paging="false">
            <transport>
                <read url="@Url.Page("Index", "Read")" data="forgeryToken" />
            </transport>
            <schema data="Data">
                <model id="OrderID">
                    <fields>
                        <field name="ShipName" type="string"></field>
                    </fields>
                </model>              
            </schema>
     </datasource>

generates the following initialization script:

{"dataSource":{"page":1,"pageSize":20,"schema":{"model":{"id":"OrderID","fields":{"ShipName":{"type":"string"}}},"data":"Data","errors":"Errors","total":"Total"},"serverAggregates":true,"serverFiltering":true,"serverGrouping":true,"serverPaging":true,"serverSorting":true,"transport":{"read":{"url":"/?handler=Read","data":forgeryToken}},"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})()}

with default pageSIze set.
Initializing using jQuery works as expected:

       dataSource: {
            type: "aspnetmvc-ajax",
            serverPaging: false,
            serverFiltering:true,
            transport: {
                read: {
                    url: "@Url.Page("Index", "Read")",
                    data: forgeryToken
                }
            },
            schema: {
                model: {
                    id:"OrderID"
                },
                data: "Data",
                total:"Total"
            }
        }

Current behavior

The "page" and "pageSize" values are set, which results in only 20 items being displayed, even though more are returned by the "read" action.

Expected/desired behavior

The "page" and "pageSize" should not be set.

Environment

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