Unplanned
Last Updated: 17 Jan 2025 20:58 by ADMIN
Created by: Shannon
Comments: 3
Category: Scheduler
Type: Feature Request
4

I want to easily print the Scheduler calendar - month view, week view and more.

===

ADMIN EDIT

===

A possible approach for the time being is to implement printing functionality for the Scheduler in a similar fashion to how the Grid is printed here https://github.com/telerik/blazor-ui/tree/master/grid/print.

The approach relies on using JavaScript to invoke the browser print() method. Using CSS and @media print, you can customize the page and specify which elements should be visible when printing. For example, you may hide the toolbar and footer of the component, so only the calendar is visible.

Here is a runnable sample that demonstrates the approach: https://blazorrepl.telerik.com/wfkbbBca54BdZnUk24

Need More Info
Last Updated: 17 Jan 2025 15:53 by Jean-Marc
Created by: Jean-Marc
Comments: 2
Category: Scheduler
Type: Bug Report
0

Bug reproduced systematically on web browser Edge (131.0.29.03.146) & Firefox (134.0).

Beware: culture is fr-FR

Scheduler component sometimes put appointments at wrong coordinates (hour if ok but the day is wrong).

The screenshot "ExampleWrongCoordinates.png" set an example of an item wrongfully located. In this picture, console log shows details of the razor element who's supposed to be located on Tuesday 14th of January 2025 .. but which is rendered on Monday instead!

Appointments model defines "default (expected) property names Start & End":

private DateTime _start;

public DateTime Start
{
    get { return _start; }
    set { _start = value; }
}

private DateTime _end;

public DateTime End
{
    get { return _end; }
    set { _end = value; }
}

View is MultiDay but the glitch is the same on Week view.

Now if we switch on day view and navigate to Tuesday 14, scheduler shows the appointment on hours column! If we click it, a JS error is raised (Cf screenshot "ClickAppointmentWrongCoordinates.png").

Completed
Last Updated: 17 Jan 2025 13:48 by ADMIN
Release 3.5.0

I set the GridColumn DisplayFormat="{0: yyyy-MM-dd}" and the data reflects that format. The default filter control doesn't. How can I make the control do that?

---

ADMIN EDIT

For the time being, the way to affect the filter behavior is through a custom filter template. The format for date pickers and numeric textboxes comes from the app culture settings (see more here). You may also want to Follow this idea for easier selection of a default filter operator and limiting the filter operators choices.

---

Declined
Last Updated: 17 Jan 2025 06:48 by Kostas

When I try to move by drag and drop  an event between resources the resource on the event is not updated.

I used this

 <TelerikScheduler Data="@_trips" Height="500px"
                   @bind-Date="@StartDate"
                   IdField="@(nameof(TripInfo.Id))"
                   StartField="@(nameof(TripInfo.StartDateTime))"
                   EndField="@(nameof(TripInfo.EndDateTime))"
                   TitleField="@(nameof(TripInfo.BusCode))"
                   OnUpdate="@UpdateTrip"
                    OnDelete="@DeleteAppointment"
                   ConfirmDelete="true"
                    AllowDelete="true"
                   AllowUpdate="true"
                   DescriptionField="@(nameof(TripInfo.BusDescription))" @bind-View="@sv" @ref="@_scheduler">

     <SchedulerSettings>

         <SchedulerGroupSettings Resources="@GroupingResources" Orientation="@SchedulerGroupOrientation.Vertical"></SchedulerGroupSettings>
     </SchedulerSettings>
     <SchedulerViews>
         <SchedulerTimelineView StartTime="@DayStart" ColumnWidth="20" SlotDivisions="6" SlotDuration="60" EndTime="@DayEnd" NumberOfDays="1" WorkDayEnd="@WorkDayEnd" WorkDayStart="@WorkDayStart" >
   
                  
             </SchedulerTimelineView>

     </SchedulerViews>
     <SchedulerResources>
         <SchedulerResource Field="@(nameof(TripInfo.BusCode))" Title="Resources" TextField="@(nameof(BaseCodeInfo.Name))" ValueField="@(nameof(BaseCodeInfo.Code))" Data="@_resources"></SchedulerResource>
     </SchedulerResources>
 
        
 </TelerikScheduler>
In Development
Last Updated: 16 Jan 2025 13:51 by ADMIN

Hi,

I created a new .net 9 Blazor WebApp from the template (lastest version). 

Shouldn't we be using the new app.MapStaticAssets(); vs the old app.UseStaticFiles() ?

Also in the App.razor, should we not also be using the @Assets[] in the <link href? /> ie:

<link rel="stylesheet" href="@Assets["app.css"]" />

Not sure if the ImportMap is required.  Anyway getting my information from the Microsoft website for updating from 8 to 9.

See Here: MS link to upgrade from 8 to 9.

Also, when I posted this "Contact Support", I am not able to select .Net 9 as my framework and WebApp as my blazor hosting model, so put it as .net 8

Peter

Planned
Last Updated: 16 Jan 2025 08:17 by ADMIN
Scheduled for 2025 Q1 (Feb)

When a Dialog is shown from a modal Window, the Dialog appears behind the Window on second opening.

Here is a test page with a workaround:

@inject IJSRuntime js

<TelerikButton OnClick="@( () => WindowVisible = true )">Show Window</TelerikButton>

<TelerikWindow @bind-Visible="@WindowVisible"
               Modal="true">
    <WindowActions>
        <WindowAction Name="Minimize" />
        <WindowAction Name="Close" />
    </WindowActions>
    <WindowTitle>
        Window Title
    </WindowTitle>
    <WindowContent>
        <p>Window Content</p>
        <TelerikButton OnClick="@OnShowDialogButtonClick">Show Dialog</TelerikButton>
    </WindowContent>
</TelerikWindow>

<TelerikDialog @bind-Visible="@DialogVisible"
               Width="300px"
               Class="dialog-on-window">
    <DialogTitle>
        Dialog Title
    </DialogTitle>
    <DialogContent>
        <p>Dialog Content</p>
    </DialogContent>
    <DialogButtons>
        <TelerikButton OnClick="@( () => OnDialogButtonClick(true) )">OK</TelerikButton>
    </DialogButtons>
</TelerikDialog>

<script suppress-error="BL9992">
    function bringDialogToTop() {
        var dialogWrapper = document.querySelector(".dialog-on-window").closest(".k-dialog-wrapper");
        if (dialogWrapper) {
            dialogWrapper.style.zIndex = parseInt(dialogWrapper.style.zIndex) + 2;
        }
    }
</script>

@code {
    private bool WindowVisible { get; set; }

    private bool DialogVisible { get; set; }

    private bool ShouldFocusDialog { get; set; }

    private void OnShowDialogButtonClick()
    {
        DialogVisible = true;
        ShouldFocusDialog = true;
    }

    private void OnDialogButtonClick(bool result)
    {
        DialogVisible = false;
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (ShouldFocusDialog)
        {
            ShouldFocusDialog = false;
            await Task.Delay(1);

            await js.InvokeVoidAsync("bringDialogToTop");
        }

        await base.OnAfterRenderAsync(firstRender);
    }
}

Unplanned
Last Updated: 15 Jan 2025 09:35 by Mattia

The Expand/Collapse icon of the PivotGrid is always a font one. I am using SVG icons in my app and I don't see the any icon in the toggle button.

===

ADMIN EDIT

===

A workaround for the time being is to register the Font icons stylesheet even if you are using SVG icons.

Unplanned
Last Updated: 14 Jan 2025 14:21 by Daniel

After filtering a nullable DateTime column, the SelectAll checkbox in the GridCheckboxColumn becomes selected, and its functionality stops working correctly.

https://blazorrepl.telerik.com/mfalPIFS21fsWQ9p35

Need More Info
Last Updated: 14 Jan 2025 12:24 by ADMIN

When enabling/disabling a form element that is defined in a child component, the element is successfully disabled, however a console error occurs. The error occurs whether the child component makes the update or the parent makes the update through a passed parameter.  The error does not occur for form elements defined in the parent.  The error does not occur for basic html input elements defined in the child. 

Element definition:

<TelerikTextBox 
     Id="ElementMisc" 
     AutoComplete="new-password" 
     @bind-Value="@_searchModel.ElementMisc" 
     Enabled="!_elementSelectMode" 
     class="textbox-75"
     DebounceDelay="0">
 </TelerikTextBox>

Update Code defined in child:

   

 if (results.Data.Count > 1)
 {   
     _elementSelectMode= true;
     StateHasChanged();

 }

 

Console Error:

Uncaught (in promise) Error: Assertion failed - heap is currently locked
    at mr (blazor.web.js:1:158963)
    at Object.beginInvokeDotNetFromJS (blazor.web.js:1:157244)
    at w.invokeDotNetMethodAsync (blazor.web.js:1:3978)
    at C.invokeMethodAsync (blazor.web.js:1:5486)
    at r.invokeMethodAsync (telerik-blazor.js:22:1272553)
    at r.onBlur (telerik-blazor.js:22:1463592)
    at ye.setOrRemoveAttributeOrProperty (blazor.web.js:1:28630)
    at ye.applyAttribute (blazor.web.js:1:27574)
    at ye.applyEdits (blazor.web.js:1:24601)
    at ye.updateComponent (blazor.web.js:1:23606)

Unplanned
Last Updated: 14 Jan 2025 12:19 by ADMIN
Scheduled for 2025 Q1 (12.02.2025)
As a workaround, you could take full advantage of UI for Blazor using our Visual Studio Extensions in a few easy steps:

I. Download and install the Telerik UI for Blazor Visual Studio Extension directly from your Visual Studio:
   1. Launch Visual Studio
   2. Select Extensions -> Manage Extensions option and click on the Browse tab
   3. Type "Telerik UI for Blazor" and press the Download button
   4. Restart your Visual Studio

||. Download the latest UI for Blazor file from:

   1. The download page on our website. Please, bear in mind that if you choose this way, you need to unzip the file and place it under the %appdata%\Telerik\Updates folder. This is the default download location from which our Visual Studio extensions use the product's files

   2. The Download new version dialog in our Visual Studio extensions. More details about the Telerik UI for Blazor VS extension can be found here: https://docs.telerik.com/blazor-ui/gettin
Completed
Last Updated: 14 Jan 2025 10:36 by ADMIN
Release 2025 Q1 (Feb)
Created by: Sandy
Comments: 0
Category: Grid
Type: Bug Report
1

I have a master-detail draggable Grid scenario in which both Grids have RowDraggable="true". When the user starts dragging a row from the DetailTemplate Grid, a JavaScript error occurs:

TypeError: Argument 1 ('node') to Node.replaceChild must be an instance of Node

Unplanned
Last Updated: 14 Jan 2025 06:34 by ADMIN
Created by: Alexey
Comments: 2
Category: ListBox
Type: Feature Request
5

When I use control TelerikListBox with draggable mode (draggable="true") I need to provide drag handle selector "Draggable tag" which user will use for snap and move item.
Can I pass draggable handle selector? Where I will pas css class of the handle which will use form sort/move/drag items.

I need to restrict users use any other place of "Draggable item" - just specific place like handle Icon.

 

Unplanned
Last Updated: 13 Jan 2025 17:11 by Xorcist
Created by: Xorcist
Comments: 0
Category: UI for Blazor
Type: Feature Request
1

When a user hits the ENTER key at the end of their typing and expects the full text to be submitted, they potentially have partial text being submitted (depending on how quickly ENTER is hit). We know the general accepted solution is to set the DebounceDelay to zero, but we are using two-way binding with state management that results in a very laggy/delayed experience while typing is this is done.

Please allow pressing Enter or blurring the input to short-circuit the debouncing.

===

ADMIN EDIT

===

This request applies to all inputs - NumericTextBox, TextBox, TextArea, etc.

Unplanned
Last Updated: 13 Jan 2025 16:06 by Charles
Created by: Charles
Comments: 0
Category: TimePicker
Type: Feature Request
1

By design, when the TimePicker (and other date/time pickers) is bound to a non-nullable value, pressing the clear button clears the input only and sets the component in invalid state. In this case, ValueChanged and OnChange events do not fire and the component keeps its old value until a new valid value is entered.

I want to catch when the user presses the clear button. Instead of clearing the input, I want to reset the value to 00:00:00, so the component is still in a valid state.

===

ADMIN EDIT

===

For the time being, you can disable the built-in clear button. Instead, add a custom button/span, use CSS to position it inside the picker's input and handle its onclick event: https://blazorrepl.telerik.com/QTabvxPz46eLPVvJ00.

This request can potentially be related to providing an option to also detect when the user clears the value via the keyboard.

The request applies to all pickers (DateInput, DatePicker, DateRangePicker, DateTimePicker).

Need More Info
Last Updated: 13 Jan 2025 09:11 by ADMIN
Created by: Kareem
Comments: 1
Category: Gantt
Type: Feature Request
0
I was wondering if the feature to show a critical path within the Gantt chart is a feature that is under development. The critical path should identify a path in such that if one of the tasks within this path were delayed, then the entire project will get delayed.
In Development
Last Updated: 13 Jan 2025 08:26 by ADMIN
Scheduled for 2025 Q1 (Feb)
Created by: Charles
Comments: 1
Category: PDFViewer
Type: Bug Report
14
In version 7.0.0 the Pdf Viewer document content is blurry.
Completed
Last Updated: 13 Jan 2025 07:52 by ADMIN
Release 2025 Q1 (Feb)
Created by: Dusty
Comments: 0
Category: UI for Blazor
Type: Feature Request
21

I saw the FloatingActionButton Web control available in KendoUI and ASP.NET Core and I would like it in UI for Blazor: https://demos.telerik.com/kendo-ui/floatingactionbutton/index

Unplanned
Last Updated: 10 Jan 2025 15:03 by Aswin
Created by: Aswin
Comments: 0
Category: DropDownButton
Type: Feature Request
1
I want to update the popup items upon clicking on one of the options. I will need to first cancel the closing to keep the popup open in this case but I also need an option to refresh the popup without closing it.
Unplanned
Last Updated: 10 Jan 2025 14:20 by Telerik Admin
Created by: Telerik Admin
Comments: 0
Category: Grid
Type: Feature Request
0
Expose the selected cells of the Grid as a SelectedCells property of the GridState object, similar to the SelectedItems.
Unplanned
Last Updated: 10 Jan 2025 11:34 by Andrew
Enter "01" in the "hour" section. You’ll notice that the cursor does not automatically move to the next section until another digit is entered.
1 2 3 4 5 6