Hi

I'm using the month view for the Telerik Blazor scheduler which works so great and is really easy to use. But I'm missing a feature where I can control how many weeks of the month are visible at once to the user. For example, I don't want to show the entire month, but only two weeks of the month.

I know there is the MultiDay view, but this shows everything in one horizontal row. It would be great to have a feature where the user sees the month with a custom number of weeks.

My suggestion is to add a property to the SchedulerMonthView component called e.g. "WeekCount".

<SchedulerMonthView WeekCount="2"></SchedulerMonthView>

Something like this also exists in Telerik UI for WinForms.

Best Regards,
Roman

https://docs.telerik.com/blazor-ui/common-features/icons#fonticon-component

in the SvgIcon Component section, there is this sample code, needs to be updated.

<TelerikSvgIcon Icon="@SvgIcon.Calendar" />

<TelerikSvgIcon Icon="@SvgIcon.Audio"
                Size="@ThemeConstants.Icon.Size.Large"
                ThemeColor="@ThemeConstants.Icon.ThemeColor.Primary" />

Should be

ThemeConstants.SvgIcon or ThemeConstants.FontIcon

The Image Thumbnail Viewer Component should have features like:

• Face detection-based image cropping
• Overlay an image over detected faces [To hide faces]
• Blur or pixelate faces
• Thumbnail masking within different shapes like:
  • Circle
  • Square
  • Rectangle
  • Hexagon
  • Star etc.
• Content Aware Padding of images to fix the container size
• Set transparent background
• Text overlay
• Image watermark overlays
• Recolor a picture
• Antic Effect

This Thumbnail Viewer can then be used within Data Grid, File Manager/Explorer, Card View, Drop down lists, List Views, Tiles etc.

I couldn't find a way to change the default AnimationDuration of the combobox's popup. Personally, I find the default AnimationDuration set at 300ms way too high.

I'd like a way to change it either per-component, by setting animation properties on them when appropriate, or globally, by configuring it in Startup.cs or on TelerikRootComponent perhaps. I've no idea how this should work.

---

ADMIN EDIT

Here is a way to change the animation of the dropdown per component - through the PopupClass (note that the popup class may move to the topmost element of the popup in a future version, if this stops working, inspect the rendering to see where the custom class is and how to cascade through it):

<style>
    .fast-animation.k-popup.k-reset {
        transition-duration: 100ms !important;
    }

    .slow-animation.k-popup.k-reset {
        transition-duration: 1000ms !important;
    }

    .no-animation.k-popup.k-reset {
        transition: none !important;
    }
</style>



<TelerikComboBox PopupClass="fast-animation"
                 Data="@myComboData"
                 TextField="MyTextField"
                 ValueField="MyValueField"
                 @bind-Value="selectedValue"
                 Placeholder="Fast animation"
                 ClearButton="true" Filterable="true">
</TelerikComboBox>

<TelerikDropDownList PopupClass="no-animation"
                     Data="@myComboData"
                     TextField="MyTextField"
                     ValueField="MyValueField"
                     @bind-Value="selectedValue"
                     DefaultText="No Animation">
</TelerikDropDownList>

<TelerikDatePicker PopupClass="slow-animation" @bind-Value="@SelectedDate"></TelerikDatePicker>

@code {

    IEnumerable<MyDdlModel> myComboData = Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });
    DateTime SelectedDate { get; set; } = DateTime.Now;
    int selectedValue { get; set; } 
    public class MyDdlModel
    {
        public int MyValueField { get; set; }
        public string MyTextField { get; set; }
    }
}

I would like to disable the browser autocomplete. 

Applicable components:

ComboBox, AutoComplete, MultiSelect

In my blazor application, I have to use a numeric box component . In order to do that, I have created a custom numeric box component like below.  my issue is while I am typing something on the numeric box, time to  time some characters are automatically getting cleared. I have to type those again and again .i don't know what is the issue behind this.

<span @onfocusin="@FocusComponentAsync" @ref="@InputWrapperRef">

                <TelerikNumericTextBox Value="Amount"
                                       ValueChanged="(decimal val)=>OnBlNumercChanged(val)"
                                       Arrows=false>

                </TelerikNumericTextBox>
</span>



@code{

    private ElementReference InputWrapperRef { get; set; }

    private decimal Amount;

                        
    protected override void OnParametersSet()
    {
            this.StateHasChanged();
           
            base.OnParametersSet();
    }    

    private async void OnBlNumercChanged(decimal value)
    {

       //code   
    }

    public async void OnNumericBoxKeyUp(KeyboardEventArgs e){

       //code

    }

    public async Task FocusComponentAsync()
    {
       await _jsRuntime.InvokeVoidAsync("highlightInput", InputWrapperRef);
    }

}

window.highlightInput = (inputWrapper) => {
    var input = inputWrapper.querySelector("input");
    if (!input) return;
    input.select();
}

The demo for onseriesclicked does not work.  I get the error: An unhandled error has occurred. Reload.  Reload is a link, when I select it, I still get the error.  I can just rip out the demo code and try it myself, but I thought you might want to know, it doesn't work for me:

Widows Edge Browser

Windows 10 OS

Hello,

I am using the TelerikSkeleton component for Blazor and noticed the pulse and wave animations are not working. It seems animation also does not work in your examples here, while it works in Telerik REPL (that's where I could identify the issue)

For my application, I made my custom theme with ThemeBuilder and then imported it into my project as instructed. Going through the css file, I found where the bug is:

How it was:

.k-skeleton-pulse .k-skeleton {
    animation:k-skeleton-pulse 1.5s ease-in-out .5s infinite
}

After my changes:

.k-skeleton-pulse.k-skeleton {
     animation:k-skeleton-pulse 1.5s ease-in-out .5s infinite
}

The only thing I did was I removed the space between the two classes and now it works.

Note: I selected "WebAssembly" as application type, but I am actually using it for both a Razor class library and a .NET MAUI Blazor application.

Hi,

I'm looking to implement the Filter component (https://demos.telerik.com/blazor-ui/filter/overview ), but I would like to specify a custom editor for the value input field (e.g. for a custom dropdown or other input component for a complex value type).

Is it possible to provide a custom editor template for the value field of the Filter component?

Kind Regards,

I'd like to request a native Blazor Image Component that allows to provide different parameters to control the image.

This could also help to connect it to the upload component, for user to see the image while still in browser and make some changes, i.e resizing, cropping, Black/White, before sending it to server to be stored.

Thanks!
..Ben

In my @code {

TelerikGrid<ClientViewDto>? MainGrid;

It would be helpful in some cases to specify which grid lines to display with a default of both:

None - No lines

Horizontal - Only horizontal row lines

Vertical - Only vertical column lines.

Both - H/V lines

Currently we have 2 SelectionMode to select from in the ButtonGroup. I would like to have a third option that is a mix betwen Single and Multiple.

This third option should work like the Multiple mode but don't allow the user to deselect all ToggleButtons, like in the Single mode at least one button is allways selected. If the user clicks on the last selected Togglebutton he will not be able to deselect it.

We'd like to track the community demand for using the Telerik Blazor components as Custom Elements.

Please share example common scenarios for such usage and list the components you want to register as Custom Elements to use in other SPA frameworks such as Angular or React.

I need to track users activity per day like this, it is possible to do with any of the current components scheduler timeline? can you provide such option/component?

Need to include different colors in the bar. We were using google charts timeline but it is discontinued.

Hi,

it would be nice to have a single button in the GridToolbar that opens the column chooser menu or something like that (popup?).
Often we need to save space in a grid and disable the menu option for the columns but then we lose the ability to choose which columns the user might want to disable. This also apply to very small columns with small header information, e.g. if you just need 2 or 3 letters to describe the column data then the menu with its three dotted button is to large.

Best Regards,
Thomas