Pending Review
Last Updated: 05 Mar 2021 00:40 by Doug
Created by: Doug
Comments: 0
Category: Grid
Type: Bug Report
0

When you resize grid columns the column width does not follow the mouse. This occurs in your demo:

 

https://demos.telerik.com/blazor-ui/grid/column-resizing

 

Make a column wider or narrower and the column width does not stay in line with where the mouse is.

Pending Review
Last Updated: 04 Mar 2021 16:29 by Fabio
Created by: Fabio
Comments: 0
Category: UI for Blazor
Type: Feature Request
0

I'm using trial licence to test your component, I just started today and the first thing I'm trying is the layout.
We need a customizable dashbord where we can place our "widget" and store its layout.
I see you have TileLayout component but it doesn't support a proper flexible dashboard design because everytime I resize an element (or reorder) the grid auto-adjust, while we need to be possible to have "holes" in between while designing the dashboard, otherwise it's difficult to have control over the design process and UX is bad.

A simple example to explain the problem, is if I want to design a dashboard starting to place a vertical widget on the right. It's not possible until I don't fill the left space with other controls.
That's not what we'd expect, is this because of a bad usage or because it's not supported? (I think the latter because I tried to play with different settings)

 

What I'd expect is, for example looking at your demo in https://demos.telerik.com/blazor-ui/tilelayout/overview, that if I resize the first panel (Page Views) the content on the right stays there and don't move to the left

 

In your documentation you say that you follow CSS Grid Layout but css grid layout allows you to have empty elements in your template, while I see this is a missing feature that would be really useful


Example of the unwanted behavior:

Starting point:

I'm going to resize (shrink) the Page Views panel

 

Actual result:

 

Expected result:

 

note the empty cell.

Basically components should be able to be placed freely on the grid and should be locked in place during resize (it could be an option)

 

Let me know if I've to give more details,

Thanks

Pending Review
Last Updated: 04 Mar 2021 15:06 by Marcus
Created by: Marcus
Comments: 0
Category: Form
Type: Feature Request
0

I need a way to use TelerikForms and make it responsive for various display sizes.

Here is what I'm trying to accomplish: I have a TelerikForm with 5 columns. it looks nice horizontally on the screen, but I need it to respond to screen size and start stacking vertically when the screen is shrunk.

 

 

Pending Review
Last Updated: 13 Jan 2021 16:53 by Shannon
Created by: Shannon
Comments: 0
Category: Grid
Type: Feature Request
1
I would like to be able to use a lasso with the mouse to select multiple rows at once, like here: https://demos.telerik.com/kendo-ui/grid/selection
Pending Review
Last Updated: 30 Jul 2020 16:36 by Roger
Created by: Roger
Comments: 0
Category: DateRangePicker
Type: Feature Request
1
The attached screenshot clarifies more
Pending Review
Last Updated: 08 Jul 2020 06:51 by Alan
Created by: Alan
Comments: 0
Category: Upload
Type: Feature Request
8

I would like to have my users click my own button or element to trigger the file select dialog that you get from clicking the "Select Files..." button on the Upload component.

A workaround is to use a function like this

window.customUploadClick = function () {
    $('.k-upload-button input').trigger('click');
}

---

ADMIN EDIT

If you are not using jQuery already, you don't have to add it for this, standard browser API can do this too:

@inject IJSRuntime _js

<script suppress-error="BL9992">
    window.customUploadClick = function () {
        document.querySelector(".k-upload-button input").click();
    }
</script>

<TelerikButton OnClick="@InvokeSelectClick">invoke click</TelerikButton>

<TelerikUpload></TelerikUpload>

@code{
    async Task InvokeSelectClick()
    {
        await _js.InvokeVoidAsync("customUploadClick");
    }
}

---

Pending Review
Last Updated: 09 Sep 2019 05:41 by Ramon
See the ripple animation on the bottom border color when the input gets focus: https://material.io/components/text-fields/#