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.

Accessibility issue for TelerikTabStrip (3.6.0)

Issue is found in the attached png file.

<TelerikTabStrip TabPosition="@TabPosition.Top">
    <TabStripTab Title="Handoff">
        <VideoHandoff></VideoHandoff>
    </TabStripTab>
    <TabStripTab Title="Handoff Status">
        <VideoHandoffStatus></VideoHandoffStatus>
    </TabStripTab>
</TelerikTabStrip>

The drop down list component does not allow the user to associate a label with the underlying html select input control, which goes against accessibility standards. It appears that most, if not all, of the other components follow the accessibility standards. Please fix the drop down list and/or allow attribute splatting so that developers can apply their own attributes (like aria-label) to meet accessibility standards.

I have a panel bar and I have components in those panels bars and some of them have text boxes I noticed that when I am entering text in those and hit enter the space bar the panel collapses, is there a way to prevent this?

===Admin Edit===
The issue stems from the fact the keydown bubbles out of the item content template. While waiting for a fix, a workaround would be to manually stop the propagation of the keydown.

<TelerikPanelBar Data="@Items">
    <PanelBarBindings>
        <PanelBarBinding>
            <ContentTemplate>
                @{
                    var item = context as PanelBarItem;
                    <div onkeydown="stopPropagation(event)">
                        <TelerikTextArea @bind-Value="item.Text"></TelerikTextArea>
                    </div>
                }
            </ContentTemplate>
        </PanelBarBinding>
    </PanelBarBindings>
</TelerikPanelBar>

@* move this script to a separate file in production *@
<script suppress-error="BL9992">
function stopPropagation(e) {
    e.stopPropagation();
}
</script>

@code {
    public List<PanelBarItem> Items { get; set; }

    public class PanelBarItem
    {
        public string Text { get; set; }
        public List<PanelBarItem> Items { get; set; }
    }

    protected override void OnInitialized()
    {
        Items = new List<PanelBarItem>()
        {
            new PanelBarItem() { Text = "Item 1" },
            new PanelBarItem() { Text = "Item 2" }
        };
        base.OnInitialized();
    }
}

Steps to reproduce:

1. Run this REPL snippet
2. Click on the Add Expression button
3. Try to delete the newly added expression.

Columns, which are added to the TreeList after the initial load, are not resizable.

I'm working on TreeList. Some of my columns will be rendered after the initial loading. I checked the code, seems you just set up column render right after the first time TreeList Header rendered. Mean the columns that will be rendered after the first-render time will not be resizable.

Grid column header and content alignment (horizontal +Vertical)

---

ADMIN EDIT

For the time being, this is possible through the CellRender event, see below in the thread for an example.

---

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

 <AdminEdit>

This feature request would be used to monitor the requests for a full-fledged Dialog component. It will be defined in the Markup and will provide options to customize the Header and Content and will expose Action buttons.

</AdminEdit>

The Upgrade (Project) Wizard crashes on the screen where it askes whether to use a backup.

The "Show me more" link gives this:

The wizard encountered an error while trying to handle user event.

System.NullReferenceException: Object reference not set to an instance of an object.
   at Telerik.Blazor.VSX.Wizards.ViewModels.UpgradeProjectWizardOptionsViewModel.GetInitialSelectedDirectory()
   at Telerik.VSX.Wizards.UpgradeProjectWizardOptions`2.GetPropertyValue(String propertyName)
   at Telerik.VSX.WizardEngine.Controls.WizardControlBase.PopulateCollectedValues(IPropertyDataDictionary gatheredData)
   at Telerik.VSX.WizardFramework.Pages.DynamicPageController.GetData()
   at Telerik.WizardFramework.Wizard.GetCurrentPageData()
   at Telerik.WizardFramework.Wizard.OnMoveNext()
   at Telerik.WizardEngine.Helpers.EventHelper.CatchExceptionAndSendReport(Action action)

I cannot continue to the next page. I want to upgrade the existing 3.5 to 3.6

Hello,

Some keyboard shortcuts do not work inside PanelBar ContentTemplate. For example, when any text input control (TelerikTextBox, TelerikComboBox, etc.) exists inside the ContentTemplate of a TelerikPanelBar, the input will no longer accept space characters and certain other keyboard input such as arrow keys. 

This is very easy to reproduce.  Here is a simple example:

<div>
    <TelerikPanelBar Data="@Items">
        <PanelBarBindings>
            <PanelBarBinding>
                <ContentTemplate>
                    @{
                        var item = context as PanelBarItem;
                        <div>
                            <TelerikTextBox @bind-Value="item.Text"></TelerikTextBox>
                        </div>
                    }
                </ContentTemplate>
            </PanelBarBinding>
        </PanelBarBindings>
    </TelerikPanelBar>
</div>

@code {
    public List<PanelBarItem> Items { get; set; }

    public class PanelBarItem
    {
        public string Text { get; set; }
        public List<PanelBarItem> Items { get; set; }
    }

    protected override void OnInitialized()
    {
        Items = new List<PanelBarItem>()
    {
            new PanelBarItem() { Text = "Item 1" },
            new PanelBarItem() { Text = "Item 2" }
        };
        base.OnInitialized();
    }
}

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.

I would like to change the text in the ComboBox dropdown when there is no data in the source collection.

At the moment the only option is through localization for all instances like here.

Display Volume data, on 2nd y-axis (already possible) BUT this 2nd axis needs to be scaled down to bottom x% of vertical.

Most useful StockCharts support display of pricing info (OHLC) up top, and volume below. Example here 

• To support this as minimum, the existing functionality of adding multiple datasets, and 2nd dataset being shown against 2nd y-axis, but that 2nd y-axis needs to be able to be scaled down to bottom part of chart (e.g. bottom 1/3), as per example. show show column volume underneath OHLC pricing.
• Alternatively, and much more useful, and one some competitors do, is to support multiple rows of the chart. This allows presentation of correlations of data, e.g. price & volume, or other. In this case, the volume chart would be on 2nd row, but this functionality would allow MUCH more usefulness.
• Both these solutions, with existing navigator, make this a typically useful StockChart.

After an upgrade, I have a DateRangePicker bind to null values, and the dates showed when opening the drop-down date selector are "January 1900 - February 1900". Previously (in 3.3), it was showing the current month and year.

It seems that a bug was introduced in 3.4.

I would like to alter some special slots in the scheduler like in WPF. Sample images is attached.

The slot should be customizable to define custom size and template.

*** Thread created by admin on customer behalf ***

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.