Planned
Last Updated: 28 Jun 2022 22:31 by Daniel

Here is a TelerikForm with a FormItem (1) for a boolean field. Another FormItem (2) should render, depending on the boolean field (1). This does not work with a TelerikForm, but works with a standard EditForm.

The workaround for a TelerikForm is to use a FormItem Template with a TelerikCheckBox. This is demonstrated below as well.

<EditForm Model="@_data">
    <label>Condition 1 (InputCheckbox):</label>
    <InputCheckbox @bind-Value="@_data.Value1" />
    <br />
    @if (_data.Value1)
    {
        <label>Result 2</label>
        <InputCheckbox DisplayName="Result 2:" @bind-Value="@_data.Value2"></InputCheckbox>
    }
</EditForm>

<h1>TelerikForm</h1>

<TelerikForm Model="@_data">
    <FormItems>
        <FormItem LabelText="Condition 1 (FormItem):" Field="@nameof(_data.Value1)"></FormItem>
        <FormItem>
            <Template>
                <label for="x">Condition 1 (TelerikCheckBox):</label>
                <br />
                <TelerikCheckBox Id="x" @bind-Value="_data.Value1" />
            </Template>
        </FormItem>
        @if (_data.Value1)
        {
            <FormItem LabelText="Result 2:" Field="@nameof(_data.Value2)"></FormItem>
        }
    </FormItems>
</TelerikForm>

@code {
    private ExampleDto _data { get; set; } = new ExampleDto();

    public class ExampleDto
    {
        public string TextValue { get; set; }
        public bool Value1 { get; set; }
        public bool Value2 { get; set; }
    }
}

Planned
Last Updated: 24 Jun 2022 12:58 by ADMIN
Scheduled for 3.5.0

When Grid is nested in a Window, pressing Escape key will bubble to the Window causing it to close during edit operation of the Grid.

  1. Go to https://blazorrepl.telerik.com/mQaUcSlP59yrfqmM16 
  2. Trigger Grid's keyboard navigation.
  3. Press Escape(whether it is to close an Editor, or not).
  4. Observe Window will close.
Planned
Last Updated: 23 Jun 2022 11:25 by ADMIN
Scheduled for 3.5.0
Created by: Kristofer
Comments: 0
Category: ComboBox
Type: Bug Report
1

If my browser culture is set to Swedish, I can no longer tab through multiple ComboBoxes.

 

<AdminEdit>

You can manually add the TabIndex parameter to each ComboBox and set their values to non-negative integers.

</AdminEdit>

Planned
Last Updated: 08 Jun 2022 03:47 by ADMIN
Scheduled for 3.6.0
Created by: Louis
Comments: 9
Category: UI for Blazor
Type: Feature Request
113

In addition to the PdfProcessing, I would also like to be able to use a component to show PDFs to my users.

---

ADMIN EDIT

For the time being, a workaround could be to wrap a JS widget, an example is available in this sample project, see the MyKendoPdfViewer.razor component and make sure to include the relevant JS libraries.

Another approach could be a simple iframe that points to a handler that will return the PDF with content-disposition:inline. Most modern browsers will render this inline.

---

Planned
Last Updated: 06 Jun 2022 06:36 by ADMIN
Scheduled for 3.5.0
Created by: Winston
Comments: 2
Category: TreeView
Type: Bug Report
2

Per WAI-ARIA 1.2, the "aria-level" attribute, if present, "is an integer greater than or equal to 1".

However, Blazor TreeView uses 0-indexing for the attribute which means that the root item has an invalid (and ignored) aria-level property. This is problematic because the browser will infer the level from the DOM nesting for the root item, but then use aria-level for all other sub-trees, leading to inconsistent levels (in the demo, the level goes 2 > 1 > 2).

Planned
Last Updated: 03 Jun 2022 14:46 by ADMIN
Scheduled for 3.5.0
Created by: Steven
Comments: 0
Category: Gantt
Type: Feature Request
3

How to get only the year and date in the Gantt Chart Tooltip template? The DataAttribute is not a valid date string.

<TooltipTemplate>
     <h4>@(((TooltipTemplateContext)context).Title)</h4>
     <h5>Start: @(((TooltipTemplateContext)context).DataAttributes["start"])</h5>
     <h5>End: @(((TooltipTemplateContext)context).DataAttributes["end"])</h5>

</TooltipTemplate>

Planned
Last Updated: 02 Jun 2022 00:48 by ADMIN
Scheduled for 3.5.0
I am trying to customize the Update button in the popup to show a different text while I am updating an item. THe same approach works in the Inline mode, but not in Popup.
Planned
Last Updated: 24 May 2022 19:46 by ADMIN
Scheduled for 3.9.0
Created by: Mike
Comments: 3
Category: DateInput
Type: Feature Request
3
I would like to be able to configure the auto-tab behavior so that the DateInput only tabs when user type '/' (i.e. disable smart auto-tabbing).

month/day/year 

Expected UX:  3/3/2022
Example: https://demos.telerik.com/kendo-ui/dateinput/index 

Current UX: 332022
Example: https://demos.telerik.com/blazor-ui/dateinput/overview 

Planned
Last Updated: 18 May 2022 14:08 by ADMIN
Scheduled for 3.5.0
Created by: Manu
Comments: 8
Category: UI for Blazor
Type: Feature Request
40

Blazor load on demand (as users keys in) combo-box with multi column

 

Planned
Last Updated: 17 May 2022 06:13 by ADMIN
Scheduled for 2022.3
Created by: Constantinos Petridis
Comments: 0
Category: ToolBar
Type: Feature Request
3

Where there is a spacer inside the ToolBar or when there are no items that should be hidden anymore, the overflow anchor overlay with the other items.

 

#1563693

Planned
Last Updated: 12 May 2022 13:58 by ADMIN
Scheduled for 3.9.0
Created by: Michael
Comments: 2
Category: Window
Type: Feature Request
14

It would be nice to be able to configure a show/hide animation for windows.

ADMIN EDIT: This might include a form of a Shown event so that you could know when the content is rendered and available to, for example, focus a button or input. For more details see here

Planned
Last Updated: 05 May 2022 15:05 by ADMIN
Scheduled for 3.5.0
Created by: Svetoslav
Comments: 0
Category: Gantt
Type: Feature Request
2
I would like to use a persist state feature for the Gantt Chart. 
Planned
Last Updated: 30 Apr 2022 01:18 by ADMIN
Created by: Wei
Comments: 2
Category: Tooltip
Type: Feature Request
17

How can I set the tooltip to show/hide programmatically? right not it only supports hover or click show action.

---

ADMIN EDIT

You can Follow a way to hide the tooltip programmatically here: https://feedback.telerik.com/blazor/1476364-close-tooltip-via-method.

You can find a way to hack the show event by triggering a JS click in this KB article: https://docs.telerik.com/blazor-ui/knowledge-base/common-validation-error-in-tooltip.

Here is an example that shows how you can trigger the tooltip to show for a particular target:

@inject IJSRuntime _js

<script suppress-error="BL9992">
    function triggerTooltip(index, selector, showOnClick) {
        var targets = document.querySelectorAll(selector);
        if (targets && targets.length >= index) {
            var desiredTarget = targets[index];//feel free to get the desired target in any other way
            setTimeout(function () {
                var evt = document.createEvent('MouseEvent');
                var evtToSimulate = showOnClick ? "click" : "mouseenter";
                evt.initEvent(evtToSimulate, true, false);
                desiredTarget.dispatchEvent(evt);
            }, 20);
        }
    }
</script>

<TelerikButton OnClick="@( async () => await TriggerTooltip(0) )">Trigger tooltip for the first target</TelerikButton>
<TelerikButton OnClick="@( async () => await TriggerTooltip(1) )">Trigger tooltip for the SECOND target</TelerikButton>

<TelerikTooltip TargetSelector="@ttipTargetSelector" ShowOn="@ShowOnSetting">
</TelerikTooltip>



<p id="my-targets">
    <strong title="what is 'lorem ipsum'?">lorem</strong>
    ipsum dolor
    <strong title="is this a real word?">sit</strong>
    amet.
</p>

@code{
    string ttipTargetSelector = "p#my-targets [title]";
    TooltipShowEvent ShowOnSetting { get; set; } = TooltipShowEvent.Click;
    async Task TriggerTooltip(int targetIndex)
    {
        await _js.InvokeVoidAsync("triggerTooltip", 
                targetIndex, 
                ttipTargetSelector, 
                ShowOnSetting == TooltipShowEvent.Click ? true : false
             );
    }
}

---

Planned
Last Updated: 29 Apr 2022 03:49 by ADMIN

<TelerikScheduler AllowCreate="@Editing" AllowDelete="@Editing" AllowUpdate="@Editing" OnDelete="@AppointmentDelete" OnEdit="@AppointmentEdit" OnUpdate="AppointmentUpdate"  Data=…

The above line breaks only with AllowUpdate.

I default Editing false, then toggle it true in the hosting component and do a InvokeAsync(StateHasChanged). 

The result is I can create and delete, but while the appointment hover cursor changes to the hand or arrows and I can see the handlebars to resize the appointment, I'm not able to update the appointment until I switch the SchedulerView. After switching SchedulerView updating works as expected.

Planned
Last Updated: 28 Apr 2022 19:14 by ADMIN
Set the Display scale to 150%, for example, the dependencies are rendered incorrectly. 
Planned
Last Updated: 25 Apr 2022 11:04 by ADMIN
Scheduled for 3.6.0

Is it possible to drop dropDownList from outside, for example after its data has been changed, without clicking on it ?

ADMIN EDIT:

This feature is also applicable to ComboBox, AutoComplete, Multiselect, Date and Time Pickers components.

Planned
Last Updated: 14 Apr 2022 19:19 by Neil
Scheduled for 3.6.0
Created by: Wayne
Comments: 11
Category: Scheduler
Type: Feature Request
23
I would like to be able to drag and drop items from a list of custom items into the calendar and create an appointment out of it.
Planned
Last Updated: 14 Apr 2022 15:22 by ADMIN
Scheduled for 3.6.0

Add "OnOpen" event that fires when the DateTimePicker  button is clicked but before the DateTimePicker  dropdown is shown

 

=============

ADMIN EDIT

=============

You can currently achieve the desired behavior by wrapping the DateTimePicker in a container (for example span), add a handler on the on-click event of the span to catch the click event and perform the desired actions in that handler.

<span class="datetimepicker-span" @onclick="@OnOpenHandler">
    <TelerikDateTimePicker Class="my-date-time-picker" Value="@selectedTime"
                           Format="dd MMM yyyy HH:mm:ss" Width="250px"></TelerikDateTimePicker>
</span>

@code {
    public DateTime? selectedTime { get; set; }

    public bool isOpened { get; set; } = false;

    public void  OnOpenHandler()
    {
        isOpened = !isOpened;

        if (isOpened)
        {
            Console.WriteLine("DateTimePicker was opened.");
        }
        else
        {
            Console.WriteLine("DateTimePicker was closed.");
        }
    }
}

Planned
Last Updated: 14 Apr 2022 15:09 by ADMIN
Scheduled for 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.

---

Planned
Last Updated: 29 Mar 2022 12:25 by ADMIN
Created by: Greg
Comments: 9
Category: Grid
Type: Feature Request
10
My users need to select cells rather than entire rows, as they come from an MS Access background.
1 2