WPF and Xamarin supports data binding to INotifyCollectionChanged (ObservableCollection) and INotifyPropertyChanged.

This binding scenario is widely used.

So implementation of this feature allows WPF and Xamarin developers use their experience and code base in Blazor.

Hello, 

We are looking to port an angularjs web application to Blazor and I didn't see the diagram component similar to the one found in Kendo UI. It would be nice to see a viso-like component in UI for Blazor.

Thank you.

Please add a PDF Viewer blazor component!

For the meantime: Could you provide an example of how to use the Telerik UI for net core PDF Viewer in a NET core 3 Blazor app?

Hello Team;

We are building a "Social Media" style application. One of the requirements, is to provide an easy and professional for user to traverse through an Image gallery.

I'd like to request for such feature that allows us:

• Ability to for us to provide a list of links (to physical location of images) to the Image Gallery component to display images in list format or individual image to traverse through the list.
• Ability for user to click on image to see image in full size in a window.
• Ability for user to download image.

It would be great if we don't have to resort to use the old jQuery implementation. We're trying to minimize to load jQuery, as Blazor client is already large enough.

Thank you in advance!
..Ben

I have an animationcontainer which I in overridden OnAfterRenderAsync(bool firstRender) call:

                await AnimationContainerSettings.ShowAsync();

...since it is the only way to show the AnimationContainer from start. However, when I in some cases return to the page, the animationcontainer will only show itself if I delay the call with e.g. 1000 ms:

                await Task.Delay(1000);
                await AnimationContainerSettings.ShowAsync();

What could be possible reasons for this be? If I want my AnimationContainer to be visible as default when page is either Initialized or after rendering has occured, where and how should I call ShowAsync()?

Br,

Sten

When is Spreadsheet for Blazor available or can i use Kendo Spreadsheat?

Regards

Alois Seidler 

I have a TelerikComboBox in an EditorTemplate within a Grid. Code looks like this:

                   <TelerikComboBox Data="@CustomerPayCodes"
                                                     @bind-Value="@PayItemMapInEdit.ClientPayCode.UniqueId"
                                                     Placeholder="Select..."
                                                     Filterable="true"
                                                     TextField="PayCodeDisplayName"
                                                     ValueField="UniqueId"
                                                     @ref="_clientPayCodeComboBox"
                                                     Width="auto"
                                                     Enabled="@(string.IsNullOrEmpty(_payItemTextBoxRef?.Value))">
                                    </TelerikComboBox>

Where reference prop looks like this:

    private TelerikComboBox<PayCode, Guid> _clientPayCodeComboBox;

When adding a new row, the Placeholder text becomes the empty GUID, until I click in the box and then outside, upon it changes to correct "Select...". The GUID is never supposed to be showed at all in the box, that is only the binded value.

See attached pictures.

Please advice.

Br,

Sten

After setting Enaabled=false on e.g. a TelerikTextBox, there is still possible to "tab" in to the textbox and write in it....

See attached.

Admin edit: While this cannot become a built-in feature, you may find useful the following example: https://github.com/telerik/blazor-ui/tree/master/common/grpc-example

Hello Team;

As .Net Core 3 offers gRPC support, I'm suggesting that the Blazor Team, look into some of the components that could automatically talk to backend gRPC services to get data, i.e. Auto Complete or DropDown box.

This way it could simplify different ways of providing datasource to some of these data oriented components.

Hope this suggestion helps!
..Ben

When I create multiple tabs and each tab has the same type of component, the OnInitialized is only running for the first one I click on.  

Here is a simplified example to demonstrate:

MAIN PAGE:

@page "/tabtest"
@using Telerik.Blazor.Components

<div>Product XYZ</div>

<TelerikTabStrip TabPosition="Telerik.Blazor.TabPosition.Top" @ref="productTabStrip" @bind-ActiveTabIndex="@ActiveTabIndex">
    <TabStripTab Title="Details">
        <div class="container sms-tab-content">
            GENERAL PRODUCT INTRO STUFF HERE
        </div>
    </TabStripTab>

    @foreach (var item in listOfWidgets)
    {
        <TabStripTab Title="@item.WidgetName" Disabled="false">
            <Widget WidgetID="@item.WidgetID" WidgetName="@item.WidgetName" />
        </TabStripTab>
    }

</TelerikTabStrip>

<div style="margin-top: 15px;">
    <div><b>Below is a flat non-tab example of repeating widgets:</b></div>
    @foreach (var item in listOfWidgets)
    {        
        <Widget WidgetID="@item.WidgetID" WidgetName="@item.WidgetName" />        
    }
</div>


@code {

    Telerik.Blazor.Components.TelerikTabStrip productTabStrip;

    public int ActiveTabIndex { get; set; } = 0;

    protected class Widget
    {
        public int WidgetID { get; set; }
        public string WidgetName { get; set; }
    }

    private List<Widget> listOfWidgets = new List<Widget>();

    protected void GetData()
    {
        listOfWidgets.Add(new Widget { WidgetID = 1, WidgetName = "Cog" });
        listOfWidgets.Add(new Widget { WidgetID = 2, WidgetName = "Wheel" });
        listOfWidgets.Add(new Widget { WidgetID = 3, WidgetName = "Bloof" });
    }

    protected override void OnInitialized()
    {
        GetData();
    }

}    

WIDGET COMPONENT:

ADMIN EDIT: see the title and the discussion on how this would be handled, it is not going to be a separate property.

As in e.g. WPF/UWP, it would be convenient to get the "actual width" of a component in order to arrange other elements to follow the same width (or height).

Consider a TelerikDropDownList with Width="100%" and I want the PopupWidth to have same width (PopupWidth="100%" will not result in same).

                <TelerikDropDownList Width="100%" PopupWidth="@(Dropdown?.Width)" @ref="Dropdown" DefaultItem="@(new Country{Name ="Select..."})"  Data="@Countries" ValueField="Abbreviation" TextField="Name" PopupHeight="400px" @bind-Value="@Employee.ContactDetails.CountryCode"></TelerikDropDownList>

    public TelerikDropDownList<Country, string> Dropdown { get; set; }

Here, I would like to set PopupWidth as below, to avoid the result in attached image.

PopupWidth="@(Dropdown?.ActualWidth) 

Hi,

Ran in to an issue here. To avoid modals getting hidden behind animation containers, we use a class for a div and "wrap" the modal in providing it with a higher z-index than the animation container(s).

However, when using a DatePicker inside this module the calender will be hidden behind the modal (since it is in an animation container).

Any suggestion how to overcome this problem?

Thanks & br,

Sten

In many cases users need to be able to specify a number which is easily visualized using a horizontal slider.
This allows the user to easily move the point to their desired location.

It can be helpful to allow this to also be constrained using a forced range selection.

Sometimes it is helpful to allow the user to pick colors for various purposes.

This control can display the RGB value along with allowing them to change the hue/brightness along with the alpha component.

Also the ability to select from a set of predefined colors would be very nice.

---

ADMIN EDIT

Here is a sample project that showcases how you can use Kendo widgets in Blazor and also contains samples of color pickers: https://github.com/telerik/blazor-ui/tree/master/common/kendo-in-blazor

---