Unplanned
Last Updated: 22 Mar 2023 10:19 by Graeme
Created by: Graeme
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
0

Adding an AdaptiveMode configuration to Editors, similar to UI for Blazor would be beneficial when UI for ASP.NET Core components are used on smaller screens/mobile devices:

https://demos.telerik.com/blazor-ui/dropdownlist/adaptive

 

Unplanned
Last Updated: 09 Mar 2023 11:16 by Danijela
Created by: Danijela
Comments: 2
Category: UI for ASP.NET Core
Type: Feature Request
0

I am using TreeList for setting permissions. It seemed a perfect choice until I realized that state of ALL the checkboxes is set to either true or false.

I would like to be able to select checkbox based on the value of record i.e. to be able to save it's state in database, retrieve it, and batch update it.

I know that this behavior can be simulated / achieved by using javascript, but it would be so much better, easier and neater to have it data bound just like all the other columns.

For example, I have an organisational structure on the picture below. We can set permissions on any level. 

I imagine that the syntax could be something like:

@(Html.Kendo().TreeList<OrgStrukturaTree>()
    .Name("treeOrgRO")
    .Columns(columns =>
    {
        columns.Add().Selectable(true).Width("20px");
        columns.Add().Field(e => e.Opis).Width(250);
    })
    .Filterable(false)
    .Sortable(true)
    .DataSource(dataSource => dataSource
        .Read(read => read.Action("ObjektiTree_Read", "Admin"))
        .ServerOperation(false)
        .Model(m => {
            m.Id(f => f.Id);
            m.ParentId(f => f.ParentId);
            m.Expanded(true);
            m.Selected(f => f.Selected);
            m.Field(f => f.Opis);
        })
    )
)

I sincerely hope you would consider this update, as I cannot think of a scenario when I would use checkboxes that are all the same state.

Thank you in advance.

Unplanned
Last Updated: 17 Nov 2023 07:44 by ADMIN

When trying to install Microsoft.VisualStudio.Web.CodeGeneration.Design 7.0.4 NuGet package in a Telerik UI for ASP.NET Core 2022.3.1109 application, it throws an exception:

NU1107: Version conflict detected for Microsoft.CodeAnalysis.CSharp.Workspaces. Install/reference Microsoft.CodeAnalysis.CSharp.Workspaces 4.4.0 directly to 
project TelerikAspNetCoreApp3 to resolve this issue. 

### Reproduction of the problem

1) Create a Telerik UI for ASP.NET Core 2022.3.1109 application (.NET 7.0).

2) Install Microsoft.VisualStudio.Web.CodeGeneration.Design NuGet package (version 7.0.4).

3) Review the NuGet Error in the output.

### Workaround

Install the the following NuGet packages:

  • Microsoft.CodeAnalysis.Common
  • Microsoft.CodeAnalysis.Workspaces.Common
  • Microsoft.CodeAnalysis.CSharp
  • Microsoft.CodeAnalysis.CSharp.Workspaces
  • Microsoft.CodeAnalysis.VisualBasic
  • Microsoft.CodeAnalysis.VisualBasic.Workspaces

Alternatively, install an older version of the Microsoft.VisualStudio.Web.CodeGeneration.Design package.

### Environment

* **Telerik UI for ASP.NET Core version: 2022.3.1109
* **.NET version: 7

Completed
Last Updated: 05 Jun 2023 13:08 by ADMIN
Created by: Andreas
Comments: 1
Category: UI for ASP.NET Core
Type: Bug Report
0

Hi,

https://netcorerepl.telerik.com/?_gl=1*ptwrwx*_ga*MTM4MzE0OTY5MC4xNjczNDQ5ODc1*_ga_9JSNBCSF54*MTY3NzE1MzU1Ny44MC4xLjE2NzcxNTg0NTEuNjAuMC4w

 

From: Edit in Telerik REPL

https://demos.telerik.com/aspnet-core/gantt

Results:

One or more compilation failures occurred: /Views/Snippet.cshtml(24,18): Error RZ1006: The section block is missing a closing "}" character. Make sure you have a matching "}" character for all the "{" characters within this block, and that none of the "}" characters are being interpreted as markup.

 

Thanks

Andreas

 

 

Unplanned
Last Updated: 27 Feb 2023 10:32 by ADMIN
Created by: Dan
Comments: 1
Category: UI for ASP.NET Core
Type: Bug Report
1

In the ThemeBuilder the controls do not use the latest version.

For instance while playing around with the ThemeBuilder I noticed that the primary button does not look primary like on the demos page.

Also it would be helpful to provide a page where you explain where every color is used.

Declined
Last Updated: 12 Jul 2024 06:38 by ADMIN
Created by: Akesh Gupta
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1

Currently, the ToCamelCase() method lowers only the first letter, as per the example below:

image

Is it possible to create another overload of the ToCamelCase() method that transforms the string to "randomStatusId"?

Unplanned
Last Updated: 08 Feb 2023 13:38 by ADMIN
Created by: Francis
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
4

Want to be able to define dual pager controls in the Grid using GridPagerPostion.


@(Html.Kendo().Grid<Model>()
   .Name("MyGrid")
   .Columns(...)
  .Pageable(p => p.Position(GridPagerPosition.Both))
  .DataSource( ds => ds....)
)

When I configure with GridPagerPosition.Both, I would like the pagers to be on the top and bottom of the grid content.  There is a work around somewhere in the forum but not in the documentations. It works in some page and does not work in others.   I get the following error:

The IR:297:45 is the second line where kendo.ui.Pager is being instantiated (gridWidget.dataSource is undefined):

const wrapper = $('<div class="k-pager-wrap k-grid-pager k-widget k-floatwrap pagerTop"/>').insertBefore(gridWidget.element.children(".k-grouping-header"));
gridWidget.pagerTop = new kendo.ui.Pager(wrapper, $.extend({}, gridWidget.options.pageable, { dataSource: gridWidget.dataSource }));
gridWidget.element.height("").find(".pagerTop").css("border-width", "0 0 1px 0");

The reason for this request is that it should be part of the product as the product evolves relying on the css classes and the ability to add dynamic property to the girdWidget is problematic. 

 

Declined
Last Updated: 02 Feb 2023 11:45 by ADMIN

Dear Telerik

The feature is related to https://www.telerik.com/account/support-center/view-ticket/1594775 this thread.

It is related to a product environment.

Scenario:

  1. Save grid options in persistent storage (i.e. DB).
  2. Grid operates successfully and return visits operate well with stored options being loaded with the grid.
  3. Then the grid column structure or some other feature is amended during a maintenance and development request - the feature setting is contained within the stored options which are loaded with the grid. The grid functions without some of the changes because the options override the changes.
  4. Behavior is unwanted so we would have to merge the new options and the old options.

Request:

Please can Telerik create functionality along the lines of:

$("#SomeGrid").data("kendoGrid").setOptions($("#SomeGrid").data("kendoGrid").mergeOptions(OptionsSaved, OptionsNew));

KR

David

Completed
Last Updated: 07 Feb 2023 13:50 by ADMIN
Release R2.2023-Increment.1(15.Mar.2023)
Created by: cp-it
Comments: 1
Category: UI for ASP.NET Core
Type: Bug Report
0

The 'footer' attribute in the TagHelpers for both the DatePicker and DateTimePicker does not result in any corresponding markup / Javascript configuration on the page created by the view.

See https://netcorerepl.telerik.com/QxaPwpPt57ypaI4307

Unplanned
Last Updated: 25 Mar 2024 13:03 by ADMIN
Created by: Nicolas
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
3

Would you be able to implement a more visual aspect for the FileManagement so it look close to this picture.

Attach is the modified Kendo.all.min.js file that you may want to alter so it becomes a permanent in you repository. Changes made for those following :

* Changed:
  *     template:
  *     var i
  *     singleFileTemplate

The style sheet for the effects:

/* 5.7.3 - Filemanager Image Grid View */
.FileManagerImgGridView {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    cursor: zoom-in;
}
/* 5.7.4 - Filemanager Image List View */
.FileManagerImgListView {
    cursor: zoom-in;
    max-width: 115px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    transition-duration: .5s;
}

    .FileManagerImgListView:hover {
        transition-duration: .5s;
        transform: translateY(5px) scale(1.75);
        border-radius: 3px;
        z-index: 100;
    }

/* 5.7.5 - Filemanager Image Detail */
.FileManagerImgDetail {
    max-height: 280px;
    max-width: 280px;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    cursor: pointer;
    transition-duration: .5s;
}

    .FileManagerImgDetail:hover {
        transition-duration: .5s;
        transform: scale(1.2);
        max-width: 80%;
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(0,0,0,0.4);
    }

.FileManagerImgDownloadLink {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    color: var(--bs-primary-inverted);
    background-color: var(--bs-primary);
    box-shadow: 0 0 10px rgba(0 0 0 /.7);
    gap: 5px;
}

    .FileManagerImgDownloadLink a {
        text-decoration: none;
        color: var(--bs-primary-inverted);
    }

also here is the C# Thumbnail Class that can be modified if you intend to have you own fabrication of thumbnail as it use to be years ago :-)

using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;

public virtual IActionResult Thumbnail(string path)
    {
        var virtualPath = Path.Combine(_thumbnailFolderRoot);
        var physicalPath = Path.Combine(ConstantVar.webEnv.WebRootPath, virtualPath.Replace('/', '\\'));
        path = Path.Combine(physicalPath, path);
        FileInfo imageInfo = new FileInfo(path);

        int width = 75;
        int height = 75;
        bool KeepRatio = true;

        using (Image image = Image.Load(imageInfo.FullName))
        {

            // Figure out the ratio
            double ratioX = (double)width / (double)image.Width;
            double ratioY = (double)height / (double)image.Height;
            // use whichever multiplier is smaller
            double ratio = ratioX < ratioY ? ratioX : ratioY;

            int newHeight = height;
            int newWidth = width;

            if (KeepRatio)
            {
                // now we can get the new height and width
                newHeight = Convert.ToInt32(image.Height * ratio);
                newWidth = Convert.ToInt32(image.Width * ratio);
            }

            image.Mutate(s => s.Resize(width: newWidth, height: newHeight));
            using (var ms = new MemoryStream())
            {
                image.SaveAsJpeg(ms);
                return File(ms.ToArray(), "image/jpg");
            }
        }
    }


Unplanned
Last Updated: 17 Oct 2022 09:20 by Manu
Created by: Manu
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
3

It would be great if the scaffolder can use an existing model (one that I created before starting the scaffolder). I also would like to have the option to select a namespace:

Declined
Last Updated: 25 Mar 2024 13:14 by ADMIN
Created by: George
Comments: 1
Category: UI for ASP.NET Core
Type: Bug Report
0

Hi this is a pretty basic bug. But I am using the k-i-cancel icon class but for some reason it is showing the settings icon?

 

Duplicated
Last Updated: 12 Aug 2022 07:48 by ADMIN
Created by: n/a
Comments: 1
Category: UI for ASP.NET Core
Type: Bug Report
0
datepicker next month ui display error.
Unplanned
Last Updated: 11 Aug 2022 06:05 by ADMIN
As of yesterday, we are unable to find the kendo.for.aspnet.core nuget package.  What is the replacement?
Declined
Last Updated: 03 Aug 2022 05:30 by ADMIN
Dear Support,

I appreciate if there is an example on how to export the images to excel from the grid.

Note : The images display in the grid are from the Azure Cloud storage.
Unplanned
Last Updated: 06 Jul 2022 08:55 by ADMIN
Created by: Trusha
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
2

Hello,

I am working with application where I have thousands of images to load on ImageBrowser of Kendo Editor.

ImageBrowser is getting stuck as having too many images to load, Can we have any option to add pagination or lazy loading in ImageBrowser?

So, I can load only 20 images at a time and other based on request.

 

Thanks,

Trusha

Completed
Last Updated: 30 Jun 2022 20:43 by ADMIN
Created by: Vakho
Comments: 1
Category: UI for ASP.NET Core
Type: Bug Report
0

https://docs.telerik.com/aspnet-core/html-helpers/editors/dropdownlist/binding/razor-page

 

My license doesn't include support so this is the only way I could reach out to you. On this page, the line

.Read(r ==> r

should have => instead of ==>. When I pasted this into visual studio, it was giving me completely unrelated error and took me a bit to figure out what was wrong. Please fix the typo.

 

Unplanned
Last Updated: 17 Jun 2022 09:46 by Sachin
Created by: Sachin
Comments: 0
Category: UI for ASP.NET Core
Type: Feature Request
1
I'd like to utilize the SpellCheck functionality that is already available for Telerik UI for AJAX in the Core suites as well.
Completed
Last Updated: 25 Mar 2024 13:07 by ADMIN

This is a strange bug I came across when making a simple grid for a small personal project. I created a class called Book, which looks like this:

[Table("Books")]
    public class Book
    {
        [Key]
        public int Id { get; set; }
        [Required]
        public string Title { get; set; } = null!;

        public Checkout? Checkout { get; set; }

        [NotMapped]
        public bool CheckedOut => Checkout != null;
    }

I then created a simple Razor view on which to show the books on a grid. Here is what the code for the page looks like:

@{
    ViewData["Title"] = "All Books";
}

@(
    Html.Kendo().Grid<LibraryMvc.Core.Entities.Book>()
        .Name("bookGrid")
        .Pageable(p => {
            p.PageSizes(new[] {20, 50, 100 });
            p.Numeric(true);
            p.Input(true);
        })
        .Editable(e => e.Mode(GridEditMode.InLine))
        .Filterable()
        .Sortable()
        .Scrollable()
        .ToolBar(t => t.Create())
        .Columns(col => {
            col.Bound(c => c.Id).Title("ID");
            col.Bound(c => c.Title).Title("Title");
            col.Bound(c => c.CheckedOut).Title("Checked Out");
            col.Command(com => {
                com.Edit();
                com.Destroy();
            }).Title("Manage");
        })
        .DataSource(ds => 
            ds.Ajax()
            .PageSize(20)
            .Model(md => {
                md.Id(f => f.Id);
                md.Field(f => f.Id).Editable(false);
                md.Field(f => f.CheckedOut).Editable(false);
            })
            .Read(r => r.Action("Book_Read", "Book"))
            .Create(c => c.Action("Book_Create", "Book"))
            .Update(c => c.Action("Book_Update", "Book"))
            .Destroy(c => c.Action("Book_Destroy", "Book"))
        )
)

When running my app with this code, I noticed that client-side validation would not work on the grid. Nothing would stop me from adding multiple Book rows with empty Titles, despite Title being a [Required] property based on my Book class's Data Annotations:

I assumed I did something wrong, so I scoured the internet and Telerik's support items in hopes of finding something, but then I came across this when inspecting the page's elements in Chrome's dev tools:

Look at the script tag. For whatever reason, the kendoTextBox ended up using the Razor view's ViewData["Title"] property. Oops!

To work around this, I ended up changing my Book class's Title field to BookTitle, as shown below:

[Table("Books")]
    public class Book
    {
        [Key]
        public int Id { get; set; }
        [Required]
        [Column("Title")]
        public string BookTitle { get; set; } = null!;

        public Checkout? Checkout { get; set; }

        [NotMapped]
        public bool CheckedOut => Checkout != null;
    }

With this property name changed, I was able to get client-side validation to work as needed:

A second workaround involved getting rid of the ViewData["Title"] definition on my Razor view:

Given all this, it looks like something that's generating the client-side validation on the page is getting tripped up over the word "Title" being used by multiple items on the page.

Unplanned
Last Updated: 07 Jun 2022 07:38 by ADMIN
Created by: Christopher
Comments: 1
Category: UI for ASP.NET Core
Type: Feature Request
0
I would like the CascadeFrom value to be conditional based on a value obtained through JavaScript/JQuery.  This way it allows for web pages to be more dynamic.