Similar to how TelerikTextBox lets you set a label that moves above the control when filled, TelerikComboBox and TelerikMultiSelect also need this.

Currently you can set a label on TextBox but not some of the other editor controls.

Here is a screenshot comparing the textbox with the combo:

Here is the material UI demo for a combo with this feature:

https://material-ui.com/components/selects/

I'd like at least a linear gauge

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

I have an ENUM like this:

  public enum DeliveryMailOptions
        {
            Regular,
            [Display(Name ="FedEx Priority")]
            FedExPriority,
            [Display(Name ="FedEx Two-Day")]
            FedExTwoDay
        }

It is used in a data model like so:

[Display(Name = "Mail Option")]
public DeliveryMailOptions MailOption { get; set; }

When rendered, it ignores the Display attribute and only shows the enum text.

Hello Team;

I'd would to see an Image & gallery Blazor component that is is data bound with the following effects:
https://ambient-image.wemakesites.net/?ref=madewithvuejs.com

This will allow us to create attractive apps related to imaging and marketing apps.

Thanks!

Hello team;

Let's say, depending on the user's authorization level, we just want to show the content of the Editor as "Read-Only" with no toolbar. So it will basically looks like an HTML rendered content to them to read.

Is it possible to do so with Editor or can we add a feature to hide the toolbar and make it read only?

If not, what's the best way and lightest way to show the content as read-only on different devices based medias query?

Thanks!

Hello

I noticed the DateRangePicker "OnChange" fires "on blur".

Confirmed by the docs;

https://docs.telerik.com/blazor-ui/components/daterangepicker/events#onchange

Is it possible to expose OnInput even for a "react style" onchange event?

https://linguinecode.com/post/onblur-vs-onchange-react-text-inputs

I think the StartValueChanged and EndValueChanged events have the same behaviour so unbinding might not be a solution..?

Attached is a use case where it is confusing because the events are not in sync... You'll see the grid data changes (data bound), but OnChange after you click out.

Can I use Translators or any other abstraction of Telerik component for my Selenium UI tests? 

---

ADMIN EDIT

Even if Telerik does not provide some example translators to facilitate e2e testing with Selenium, you can build your own translators and abstractions to access the correct DOM elements. You can find some guidance in this forum thread: https://www.telerik.com/forums/xunit-selenium-tests.

---

Currently, the notification is displayed behind the overlay of the window modal. I was wondering if it might be better to be in front.

So the Date Filter is not working.

I believe this is because my data has Time with it, I couldn't find any help on how to ignore the time part in the date filter.

 <GridColumn Title="Date Visit" DisplayFormat="{0:D}" Field="DateOfVisit">
                    <Template>
                        <label class="gridLabel">Date Visit:</label>
                        @{
                            if ((context as Visit).DateOfVisit!= null)
                            {
                                @((context as Visit).DateOfVisit.Value.ToShortDateString())
                            }

                        }
                    </Template>
                </GridColumn>

I would like to suggest couple of helpful features on the OnRowRender event on the grid component.  I know these can be done with a custom row template.  But if a couple of additional properties would be tacked on to "GridRowRenderEventArgs args", it would be helpful.

1. Columns and Cells collection
   Would like to override the display of a databound item, but not the underlying data.
   
2. Selection
   Based on props of the databound item, it would be helpful to disable the ability to select the row.

I'm using trial licence to test your component, I just started today and the first thing I'm trying is the layout.
We need a customizable dashbord where we can place our "widget" and store its layout.
I see you have TileLayout component but it doesn't support a proper flexible dashboard design because everytime I resize an element (or reorder) the grid auto-adjust, while we need to be possible to have "holes" in between while designing the dashboard, otherwise it's difficult to have control over the design process and UX is bad.

A simple example to explain the problem, is if I want to design a dashboard starting to place a vertical widget on the right. It's not possible until I don't fill the left space with other controls.
That's not what we'd expect, is this because of a bad usage or because it's not supported? (I think the latter because I tried to play with different settings)

What I'd expect is, for example looking at your demo in https://demos.telerik.com/blazor-ui/tilelayout/overview, that if I resize the first panel (Page Views) the content on the right stays there and don't move to the left

In your documentation you say that you follow CSS Grid Layout but css grid layout allows you to have empty elements in your template, while I see this is a missing feature that would be really useful

Example of the unwanted behavior:

Starting point:

I'm going to resize (shrink) the Page Views panel

Actual result:

Expected result:

note the empty cell.

Basically components should be able to be placed freely on the grid and should be locked in place during resize (it could be an option)

Let me know if I've to give more details,

Thanks

G'day

Is there plans to implement browser size binding? (Similar to BlazorSize EdCharbeneau/BlazorSize )

For now, with the newly released exposed events on TelerikWindow; LeftChanged and TopChanged, I guess the solution could be to wrap everything in a TelerikWindow? Then run events on these change events?

Otherwise.... if we were to use BlazorSize on top of Telerik, would we place the BlazorSize root element inside the TelerikRootComponent or outside?
Just unsure if/how it would interfere......

Hi,

I have seen Form - Auto-Generated sample in Blazor which is nice and handy, but what should I do, if I need to define a Dynamic event by code for a dropdown change for example ?

I might need to define and handle an event for each control that is dynamically generated. I hope someone can help.

Regards

Hi,
I tried today to upgrade version of Telerik.UI.for.Blazor. My previous, working version was 2.20.0. All my projects are using .NET 5.0 framework and it's running on linux.

It seems like kind of regression issue, all I did was to push packages to our private feed (I checked them all few times) and update Telerik.UI.for.Blazor from 2.20 to 2.22. It should just work.

➜  App git:(charts) ✗ dotnet add package Telerik.Documents.SpreadsheetStreaming -v 2021.1.222
  Determining projects to restore...
  Writing /tmp/tmpgV3v8N.tmp
info : Adding PackageReference for package 'Telerik.Documents.SpreadsheetStreaming' into project '/PathToProject/App/ProjectName.App.csproj'.
info : Restoring packages for /PathToProject/App/ProjectName.App.csproj...
info :   GET https://api.nuget.org/v3-flatcontainer/telerik.documents.spreadsheetstreaming/index.json
info :   CACHE https://nuget.pkg.jetbrains.space/pozitive/p/hcs/nuget-with-telerik/v3/flatcontainer/telerik.documents.spreadsheetstreaming/index.json
info :   NotFound https://api.nuget.org/v3-flatcontainer/telerik.documents.spreadsheetstreaming/index.json 411ms
error: NU1102: Unable to find package Telerik.Documents.SpreadsheetStreaming with version (>= 2021.1.222)
error:   - Found 1 version(s) in space-nuget-with-telerik [ Nearest version: 2020.3.1019 ]
error:   - Found 0 version(s) in nuget.org
error: Package 'Telerik.Documents.SpreadsheetStreaming' is incompatible with 'all' frameworks in project '/PathToProject/App/ProjectName.App.csproj'.

For reference, here are csproj of my two projects (app and test)

App.csproj:

<Project Sdk="Microsoft.NET.Sdk.Web">

  <PropertyGroup>
    <TargetFramework>net5.0</TargetFramework>
    <Nullable>enable</Nullable>
    <WarningsAsErrors>nullable</WarningsAsErrors>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="AngleSharp" Version="1.0.0-alpha-844" />
    <PackageReference Include="Blazored.Toast" Version="3.1.2" />
    <PackageReference Include="Marten" Version="4.0.0-alpha.5" />
    <PackageReference Include="Marten.NodaTime" Version="2.0.0-alpha.5" />
    <PackageReference Include="Microsoft.AspNetCore.Components.DataAnnotations.Validation" Version="3.2.0-rc1.20223.4" />
    <PackageReference Include="Microsoft.AspNetCore.WebUtilities" Version="2.2.0" />
    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="5.0.1" />
    <PackageReference Include="Telerik.UI.for.Blazor" Version="2.20.0" />
  </ItemGroup>
  
  <!-- Identity stuff-->
  <ItemGroup>
    <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="5.0.1" />
    <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="5.0.1" />
    <PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="5.0.1" />
    <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="5.0.1">
      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
      <PrivateAssets>all</PrivateAssets>
    </PackageReference>
  </ItemGroup>
  <ItemGroup>
    <Folder Include="wwwroot\css\bootstrap" />
  </ItemGroup>

</Project>

Tests:

<Project Sdk="Microsoft.NET.Sdk">

  <PropertyGroup>
    <TargetFramework>net5.0</TargetFramework>

    <IsPackable>false</IsPackable>
    <Nullable>enable</Nullable>
    <WarningsAsErrors>nullable</WarningsAsErrors>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.7.1" />
    <PackageReference Include="NSubstitute" Version="4.2.2" />
    <PackageReference Include="NSubstitute.Analyzers.CSharp" Version="1.0.14" />
    <PackageReference Include="xunit" Version="2.4.1" />
    <PackageReference Include="xunit.runner.visualstudio" Version="2.4.3">
      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
      <PrivateAssets>all</PrivateAssets>
    </PackageReference>
    <PackageReference Include="coverlet.collector" Version="1.3.0">
      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
      <PrivateAssets>all</PrivateAssets>
    </PackageReference>
  </ItemGroup>

  <ItemGroup>
    <ProjectReference Include="..\App\AppName.App.csproj" />
  </ItemGroup>

</Project>

Best Regards,

Rafał Kopczyński

Step by step:

1. Clear the date
2. Set date using calendar
3. Submit form
4. Result: Prompt validation message: "The date format is not parsable. Please enter valid date."
5. If you write the date manually, this validation message not show and can submit.

Note: The definition of de Datetime is not nulleable.

Screenshot:

Project: Attachment zip file.

Hi,

Please add Resizable flag for All your Popups (DropDownList, CombobBox, etc...)

It would be also good to allow Resize AnimationContainer

Regards

Andrzej