Related to https://docs.telerik.com/blazor-ui/knowledge-base/grid-bind-navigation-property-complex-object

However I'm looking to do this for the Combobox, i.e.

<TelerikComboBox Data="@Users"                               
                                 @bind-Value="@FormElement.UserInitials"
                                 ValueField="Dto.UserInitials"                                 
                                 TextField="Dto.UserInitials"
               >
</TelerikComboBox>

public class Users

{

   //bunch of properties 

   public UserSubProperties Dto {get; set;}

}

public class UserSubProperties

{

   public string UserInitials {get; set;}

}

Three methods in Telerik.Blazor.Extensions.ReflectionExtensions call target.GetType() without first checking whether target is null. When a null object reaches any of these methods (e.g. via ConvertToFileEntry receiving a null data item), a NullReferenceException is thrown. Consider adding a null return/guard, which will prevent the exception.

Affected methods:

HasGetter                 
GetPropertyValue   
SetPropertyValue   

Proposed change:

Add an early null return/guard for target in each method, consistent with the existing null check for propertyName:

public static bool HasGetter(this object target, string propertyName)
{
    if (target == null || propertyName == null)
    {
        return false;
    }
    // ...
}

public static object GetPropertyValue(this object target, string propertyName)
{
    if (target == null || propertyName == null)
    {
        return null;
    }
    // ...
}

public static void SetPropertyValue(this object target, string propertyName, object value)
{
    if (target == null)
    {
        return;
    }
    // ...
}

Expected outcome

• No NRE is thrown when a null object reaches these methods.
• Callers receive a graceful null/false/no-op result and can handle it at the appropriate level.
• The real problem (a null item being passed to ConvertToFileEntry) surfaces as a missing/empty details pane rather than an unhandled exception that breaks the entire component subtree.

We have a Telerik card control that uses the Card Image. Upon inspecting the HTML issues, I see that it is missing an alt tag for a few images. When I drill down, these images are from our card image. Is there a plan to add an alt tag?

=====ADMIN EDIT======

Possible workaround in the meantime:

<TelerikCard Width="300px">
    <CardHeader>
        <CardTitle>Tourism</CardTitle>
    </CardHeader>
    <img class="k-card-media" alt="test" src="https://docs.telerik.com/blazor-ui/components/card/images/rome.jpg" />
    <CardBody>
        <CardTitle>Rome</CardTitle>
        <CardSubTitle>Capital of Italy</CardSubTitle>
        <CardSeparator></CardSeparator>
        <p>
            Rome is a sprawling, cosmopolitan city with nearly 3,000 years of globally influential art, architecture and culture on display.

            Ancient ruins such as the Forum and the Colosseum evoke the power of the former Roman Empire.
        </p>
    </CardBody>
    <CardActions Layout="@CardActionsLayout.Stretch">
        <TelerikButton Class="k-flat" Icon="@SvgIcon.HeartOutline" Title="Like"></TelerikButton>
        <TelerikButton Class="k-flat" Icon="@SvgIcon.Comment" Title="Comment"></TelerikButton>
        <TelerikButton Class="k-flat">Read More</TelerikButton>
    </CardActions>
    <CardFooter>
        <span style="float:left">Created by @@john</span>
        <span style="float:right">March 05, 2021</span>
    </CardFooter>
</TelerikCard>

Hello,

please provide support for "onError" or something similar for CardImage. If Image.png is not available show NoImage.png.

<img class="" style="" src="@($"https://xyz.blob.core.windows.net/amsmedia/image.png")" 
onError="this.src='\NoImage.png'" alt="article photo" />

How can I do the same with CardImage?

 <CardImage Src="@image.Uri.AbsoluteUri" onError="???"></CardImage>

Thanks

When the HTML is rendering, I don't see the Id. I need it for QA Test automation.

<TelerikButtonGroup SelectionMode="ButtonGroupSelectionMode.Single" >
     <ButtonGroupToggleButton Class="pg-toggle-item"
                             Id="ToggleButton_Block" Selected="@item.IsBlockDomain">Decsription1</ButtonGroupToggleButton>
     <ButtonGroupToggleButton Class="pg-toggle-item"
                              Id="ToggleButton_Allow" Selected="@item.IsAllowDomain">Decsription2</ButtonGroupToggleButton>
     <ButtonGroupToggleButton Class="pg-toggle-item"
                              Id="ToggleButton_Cookieblock" Selected="@item.IsBlockCookies">    Decsription3 </ButtonGroupToggleButton>
 </TelerikButtonGroup>

We are using the blazor chat component with Microsoft.Extensions.AI and IChatClient. Currently during a long response stream the chat repeatedly scrolls to the bottom automatically as the response updates. When I use use my mouse wheel to scroll to the top it immediately auto scrolls me back to the bottom.

A user needs to be able scroll to the top as the response is streaming in. If the user manually scrolls the auto scrolling should stop. Any subsequent messages sent in the same chat session should resume auto scroll. This is the behavior seen in most AI chat interfaces like chatGPT and is what most users expect. 

For more info and a video refer to support ticket: 1712888

Thanks, Justin.

Currently, on mobile devices (where is no hover), to open the child menu you need to click/tap the parent and the only way close it afterwards is if you click away. This is not very convenient for mobile usage. I want to be able to close the child menu on click/tap of the parent as well.

Currently, only the "Download" option has an icon and this is not consistent:

Goal

Our application needs to allow end users to dynamically customize the Telerik Blazor DockManager at runtime by:

• Adding new panels
• Removing existing panels
• Rearranging and resizing panels

These changes should be fully user-driven and persisted so that:

• The layout is restored when the user returns
• The layout is consistent across browsers and devices

In short, we want the DockManager to behave as a customizable dashboard whose state can be reliably stored and reloaded from our database.

Problem

The current Telerik Blazor DockManager implementation requires panels to be declared in Razor markup (markup driven) and managed through an external data source.

This creates several challenges:

• The component state (DockState) is tightly coupled to the initial panel definitions.
• Dynamically adding or removing panels from the data source conflicts with the internal DockState.
• To synchronize changes, we must manually manipulate the DockState object using custom code.
• This manipulation relies on internal behavior that is not formally supported and may break in future Telerik releases.

As a result, implementing a truly dynamic and persistent DockManager layout requires complex workarounds that are fragile and difficult to maintain.

Feature Request

We propose enhancing the DockManager with first-class support for dynamic panel synchronization by introducing:

Two coordinated parameters:

• Data – the collection of panels
• DockState – the persisted layout information

Expected behavior:

• If the Data collection contains a panel that is not present in the DockState, the component should automatically:
  • Add the new panel to the layout
  • Place it at the end of the current structure (bottom or right, depending on layout)
  • Update the DockState accordingly
• If the DockState contains a panel that is no longer present in the Data collection, the component should automatically:
  • Remove that panel from the layout
  • Update the DockState accordingly

This would allow developers to treat the DockManager as a true data-driven component, similar to other Telerik Blazor controls, without needing to manually modify internal state structures.