Pending Review
Last Updated: 27 Jun 2022 21:22 by Nick Potts
Created by: Nick Potts
Comments: 0
Category: UI for Blazor
Type: Feature Request
0

Just Moving from Ajax UI to Blazor

Used the search box a lot - multi-columns, had first match as typed toward an item,filtering, a click return the item selected

Wonderful

please can we have a blazor version?

 

Nick

Unplanned
Last Updated: 27 Jun 2022 18:12 by Clark

We use QueryableExtensions.ToDataSourceResultmethod to load some data in our component. And at some moment we need to cancel data loading. But ToDataSourceResult method doesn’t support CancellationToken. So we are forced to use a workaround and just ignore the task's result. But task is still executing and causing the performance hit

It would be great if you implemented support for this feature!

Unplanned
Last Updated: 27 Jun 2022 16:38 by ADMIN

Further to issue reported in https://feedback.telerik.com/blazor/1545177-selected-items-are-not-preserved-when-loading-the-state-when-the-component-is-bound-to-expandoobjects wrt Expando Object, the column menu reset also does not work when grid is bound to Expando Object

 

Regards

Naved

Unplanned
Last Updated: 27 Jun 2022 13:37 by ADMIN
Created by: Jia
Comments: 13
Category: UI for Blazor
Type: Feature Request
53

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.

Pending Review
Last Updated: 24 Jun 2022 07:09 by Michael
Created by: Michael
Comments: 0
Category: UI for Blazor
Type: Feature Request
0

Hi

Passwords are not yet supported. There is a DataAnotations Datatype for that. So technically this is possible and should not be a big deal. Almost all apps have a password entry somewhere. 

Example:

    class LoginModel
    {
        [Required]
        [Display(Name = "User Name")]
        public string UserName { get; set; }

        [Required]
        [DataType(DataType.Password)]
        [Display(Name = "Password")]
        public string Password { get; set; }
    }

Annoying because then you have to do the form fields all manually because of the password.

Thanks for considering.

Best regards, Michael

 
Pending Review
Last Updated: 24 Jun 2022 06:38 by Czeshirecat
Created by: Czeshirecat
Comments: 0
Category: UI for Blazor
Type: Bug Report
0

Hi. VS 2022 version 17.2.4, C#, Windows 11

I thought I'd have a look at blazor and selected the Telerik version in the new projects window and ran through the wizard.

I selected the dashboard look, .net 6, teleric UI for blazor 3.4.0 (Dev) and to enable localization, which is what I assume to be the cause of the following error message. There were no other hints and as I've never tried blazor or telerik for blazor I don't know if there's anything missing from the solution. If I ran another wizard without localization there was no error.

An error occurred while running the wizard.

Error executing custom action Telerik.Blazor.VSX.Actions.CopyBlazorLocalizationResourcesAction: System.Collections.Generic.KeyNotFoundException: The given key was not present in the dictionary.
   at System.ThrowHelper.ThrowKeyNotFoundException()
   at System.Collections.Generic.Dictionary`2.get_Item(TKey key)
   at Telerik.Blazor.VSX.Actions.CopyBlazorLocalizationResourcesAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap project)
   at Telerik.VSX.WizardEngine.ActionManager.ExecActions()

Pending Review
Last Updated: 24 Jun 2022 02:13 by Vakho
Created by: Vakho
Comments: 0
Category: UI for Blazor
Type: Bug Report
0

https://docs.telerik.com/aspnet-core/html-helpers/editors/dropdownlist/binding/razor-page

 

My license doesn't include support so this is the only way I could reach out to you. On this page, the line

.Read(r ==> r

should have => instead of ==>. When I pasted this into visual studio, it was giving me completely unrelated error and took me a bit to figure out what was wrong. Please fix the typo.

 

Under Review
Last Updated: 23 Jun 2022 15:02 by ADMIN
Created by: David
Comments: 0
Category: UI for Blazor
Type: Feature Request
0

My team is currently using animation containers as menu popups in our web app, which will need to work on both desktop and mobile devices in a web browser. For the mobile layout, I would like to be able to open animation containers via swipe gestures. I understand that animation containers are not strictly menus, however, I would love to see swipe action support in Telerik UI for Blazor, and then be able to bind that action to an animation container.

The only framework I have found by way of example is https://onsen.io/. Please observe how it is possible to open a panel by swiping close to the edge of the sample device on their homepage.

This feature would make it much easier to build dynamic web apps that perform well on desktop and feel native on mobile devices as well.

Thank you,

David

Pending Review
Last Updated: 22 Jun 2022 18:49 by Eli
Created by: Cory
Comments: 2
Category: UI for Blazor
Type: Bug Report
2

I upgraded my Blazor UI package to 3.3.0 to try and get rid of the multiple tbody issue with adding a table.  Now there is an even weirder problem.  Adding a table with two columns via setting the Editor's value in the code block is causing several table cells to get inserted in between and around the desired ones.

This is my long html string:

<div style="padding:20px;text-align:center;">
<table style="width:100%;"><tbody>
                <tr>					
					<td colspan="2">
						<p style= "text-align:center; font-size: medium; color: #3E579A; background-color: #dbebfa;">
							<strong>TAX YEAR 2019</strong>
						</p>
					</td>
				</tr>
			
			        <tr>
				        <td colspan="1"><p style="text-align: right"><strong>AMOUNT DUE</strong></p></td>
				        <td colspan="1"><p style="text-align: left">$562.35</p></td>
					</tr>
					<tr>
				        <td colspan="1"><p style="text-align: right"><strong>5% PENALTY</strong></p></td>
				        <td colspan="1"><p style="text-align: left">¤28.12</p></td>
					</tr>
					<tr>
				        <td colspan="1"><p style="text-align: right"><strong>INTEREST DUE</strong></p></td>
				        <td colspan="1"><p style="text-align: left">¤129.34</p></td>
					</tr>
					<tr>
				        <td colspan="1">
					        <p style="text-align: right"><strong>LATE FEE</strong></p>
						</td>
				        <td colspan="1">
					        <p style="text-align: left">$105.00</p>
						</td>				        
			        </tr>
					<tr>
				        <td colspan="1">
					        <p style="text-align: right;color: #3E579A;"><strong>TOTAL</strong></p>
						</td>
				        <td colspan="1">
					        <p style="text-align: left;color: #3E579A;">¤824.81</p>
						</td>
					</tr>	
				
				<tr style="border:none;">
			        <td style="border:none;">
				        &nbsp;
					</td>			        
				</tr>
			
                <tr>					
					<td colspan="2">
						<p style= "text-align:center; font-size: medium; color: #3E579A; background-color: #dbebfa;">
							<strong>TAX YEAR 2020</strong>
						</p>
					</td>
				</tr>
			
			        <tr>
				        <td colspan="1" style="width:50%;">
					        <p style="text-align: right"><strong>AMOUNT DUE</strong></p>
						</td>
				        <td colspan="1" style="width:50%;">
					        <p style="text-align: left">¤323.34</p>
						</td>
					</tr>
					<tr>
				        <td colspan="1">
					        <p style="text-align: right"><strong>INTEREST DUE</strong></p>
						</td>
				        <td colspan="1">
					        <p style="text-align: left">¤61.43</p>
						</td>
					</tr>
					<tr>
				        <td colspan="1">
					        <p style="text-align: right;color: #3E579A;"><strong>TOTAL</strong></p>
						</td>
				        <td colspan="1">
					        <p style="text-align: left;color: #3E579A;">¤384.77</p>
						</td>
					</tr>					
				
				<tr style="border:none;">
			        <td style="border:none;">
				        &nbsp;
					</td>			        
				</tr>
			
                <tr>					
					<td colspan="2">
						<p style= "text-align:center; font-size: medium; color: #3E579A; background-color: #dbebfa;">
							<strong>TAX YEAR 2021</strong>
						</p>
					</td>
				</tr>
			
			        <tr>
				        <td colspan="1" style="width:50%;">
					        <p style="text-align: right"><strong>AMOUNT DUE</strong></p>
						</td>
				        <td colspan="1" style="width:50%;">
					        <p style="text-align: left">¤323.47</p>
						</td>
					</tr>
					<tr>
				        <td colspan="1">
					        <p style="text-align: right"><strong>INTEREST DUE</strong></p>
						</td>
				        <td colspan="1">
					        <p style="text-align: left">¤19.41</p>
						</td>
					</tr>
					<tr>
				        <td colspan="1">
					        <p style="text-align: right;color: #3E579A;"><strong>TOTAL</strong></p>
						</td>
				        <td colspan="1">
					        <p style="text-align: left;color: #3E579A;">¤342.88</p>
						</td>
					</tr>					
				
				<tr style="border:none;">
			        <td style="border:none;">
				        &nbsp;
					</td>			        
				</tr>
			
			<tr>
		        <td colspan="1">
			        <p style="text-align: right;color: #3E579A;"><strong>TOTAL DUE</strong></p>
				</td>
		        <td colspan="1">
			        <p style="text-align: left;color: #3E579A;">¤1,552.46</p>
				</td>
			</tr>	
			</tbody>
</table>
</div>
		

This is the result:

At this point I am having to downgrade to 3.2.0 in order for it to look anything near what I need it to.

Here is my modal with the Editor component.

<div class="modal fade" id="bill-modal" tabindex="-1" aria-labelledby="bill-modal-label" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl modal-fullscreen-lg-down">
        <div class="modal-content">
            <div class="modal-header">
	                    <h5 class="modal-title" id="redemption-bill-modal-label">Bill</h5>	              	           
	            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <TelerikEditor Id="TheEditor" @ref="@TheEditor" Value="@EditorContent" Tools="@Tools" EditMode="EditorEditMode.Iframe" Class="editor-iframe" Height="800px">
                    <EditorCustomTools>
                        <EditorCustomTool Name="MyCustomTools">
                            <div style="margin-right: 50px">
                                <TelerikButton OnClick="@Print" Icon="print" class="m-1"></TelerikButton>
                                <TelerikButton OnClick="@ExportToPdf" Icon="download" class="m-1"></TelerikButton>
                                <TelerikDropDownList Data="@SupportedExportFormats" @bind-Value="@ExportFormat" Width="auto" class="m-1"></TelerikDropDownList>
                            </div>
                        </EditorCustomTool>
                    </EditorCustomTools>
                </TelerikEditor>
            </div>
        </div>
    </div>
</div>

I'm setting the Value via an exposed method that uses some complicated code to generate that html string above.  I don't think it's necessary to have to strip out the proprietary data and paste that here, but please let me know if that would help resolve this issue.

Thanks.

Declined
Last Updated: 20 Jun 2022 13:09 by ADMIN

In the example below, the home icon is displayed correctly but the two with underscores are not.  Moving the span outside the drawer does display correctly.

<TelerikRootComponent>
    <TelerikDrawer Data="@NavigablePages"
                   @bind-Expanded="@DrawerExpanded"
                   MiniMode="true"
                   Mode="@DrawerMode.Push"
                   @ref="@DrawerRef"
                   @bind-SelectedItem="@SelectedItem">
        <Template>
            <div class="k-drawer-items">
                <ul>
                    <li class="k-drawer-item" style="white-space:nowrap">
                        <span class="k-icon material-icons" style="margin-right: 8px;">home</span>
                        @if (DrawerExpanded)
                        {
                            <span class="k-item-text">Home</span>
                        }
                    </li>
                    <li class="k-drawer-item" style="white-space:nowrap">
                        <span class="k-icon material-icons" style="margin-right: 8px;">shopping_cart</span>
                        @if (DrawerExpanded)
                        {
                            <span class="k-item-text">Shopping Cart</span>
                        }
                    </li>
                    <li class="k-drawer-item" style="white-space:nowrap">
                        <span class="k-icon material-icons" style="margin-right: 8px;">content_paste_search</span>
                        @if (DrawerExpanded)
                        {
                            <span class="k-item-text">Clipboard</span>
                        }
                    </li>
                </ul>
            </div>
        </Template>
        <DrawerContent>
                <div class="content px-4">
                    @Body
                </div>
            </div>
        </DrawerContent>
    </TelerikDrawer>
</TelerikRootComponent>

Unplanned
Last Updated: 16 Jun 2022 06:54 by Nitesh
I would love to see the feature if possible to have a selection change event on TelerikCheckboxListFilter so that I can do extra business logic when the filter item selection is changing.
Unplanned
Last Updated: 15 Jun 2022 13:07 by Brad
Created by: Brad
Comments: 3
Category: UI for Blazor
Type: Feature Request
4
It would be fantastic to be able to set a default ThemeColor to apply to all Telerik components site wide. This would prevent us from needing to set ThemeColor on every component individually. 
Declined
Last Updated: 15 Jun 2022 12:59 by ADMIN
Created by: Vicente
Comments: 1
Category: UI for Blazor
Type: Bug Report
1

Hi good morning. I am implementing a FileManager control, but by business logic only certain users have permission to rename files. So in the onEdit method I validate the permission and if it doesn't have it I send a DialogFactory and after that I send an args.IsCancelled = true. And at the end of the event if I click on another item (file) inside the folder. throw an exception:


public async Task OnEdit(FileManagerEditEventArgs args)
    {
        Dialogs.AlertAsync(message, "FileManager");
        args.IsCancelled = true;
    }

 

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Object reference not set to an instance of an object.
System.NullReferenceException: Object reference not set to an instance of an object.
   at Telerik.Blazor.Extensions.ReflectionExtensions.GetPropertyValue(Object target, String propertyName)
   at Telerik.Blazor.Components.TelerikFileManager`1[[XXX.WASM.Shared.HierarchicalFileEntry, XXX.WASM.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].ConvertToFileEntry(Object dataItem)
   at Telerik.Blazor.Components.FileManager.FileView.FileManagerFileViewBase`1[[XXX.WASM.Shared.HierarchicalFileEntry, XXX.WASM.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].ConvertToFileEntry(Object dataItem)
   at Telerik.Blazor.Components.FileManager.FileView.FileManagerListFileView`1.<>c__DisplayClass17_2[[XXX.WASM.Shared.HierarchicalFileEntry, XXX.WASM.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].<BuildRenderTree>b__8(RenderTreeBuilder __builder3)
   at Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder.AddContent(Int32 sequence, RenderFragment fragment)
   at Telerik.Blazor.Components.ListView.ListViewItem`1[[XXX.WASM.Shared.HierarchicalFileEntry, XXX.WASM.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].<BuildRenderTree>b__17_0(RenderTreeBuilder __builder2)
   at Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder.AddContent(Int32 sequence, RenderFragment fragment)
   at Microsoft.AspNetCore.Components.CascadingValue`1[[Telerik.Blazor.Components.ListView.IListViewCommandContainer, Telerik.Blazor, Version=3.3.0.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8]].Render(RenderTreeBuilder builder)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment, Exception& renderFragmentException)

 

Declined
Last Updated: 14 Jun 2022 08:23 by ADMIN
Created by: Chris
Comments: 5
Category: UI for Blazor
Type: Feature Request
2

We're a paying customer for the Blazor software components under AVEVA.

We need to do a substantial amount of custom real-time drawing on top of a Blazor based map control using a layer rendered on top of the Tile Layer.  The currently supported Map layers are somewhat specific to smaller map indicators and static overlays.

Our rendering subsystem doing this drawing will be using SkiaSharp/Skia on WebAssembly, drawing on a Skiasharp canvas in the browser (this already works).  I'm assuming behind the scenes the Map is drawing with a standard HTML canvas.

I believe we need a solution which resembles the following:

- The Image is a layer rendered on top of the map viewport (as opposed to the entire map canvas)

- The Image layer can know the size of the ViewPort so it can create an identical size image (or perhaps this is handled automatically by the Map control)

- The Image layer can be re-rendered as often as the customer code desires (we're showing realtime data on top of maps, so we will want to re-render the Image layer say every 250ms.

- When the map viewport changes (pan, zoom, etc.), events are fired so the Image layer customer code can re-render the image based on the new viewport coordinates and zoom level.

- Click events are passed through the Image Layer for processing.

Since we're using a different rendering technology than the underlying map control, my assumption is the best way to keep this simple is our code draws to a SkiaSharp canvas then converts that to PNG/BMP/whatever so that can be injected into the Image layer for rendering.

It would be expected that every pan/zoom/viewport change causes an entire re-rendering of the Image layer.

 

 

Unplanned
Last Updated: 14 Jun 2022 07:12 by ADMIN
Created by: Benjamin
Comments: 0
Category: UI for Blazor
Type: Feature Request
1

Hey Telerik Team,

we'd like to have a configurable line width and also color for the dependencies for the Gantt Diagram, configurable e.g.:

We're using the Gantt quite heavily and sometimes it's hard to mouse-point the exact pixel with that dependency line ;)

 

Thanks!

Unplanned
Last Updated: 14 Jun 2022 07:11 by ADMIN
Created by: Benjamin
Comments: 0
Category: UI for Blazor
Type: Feature Request
1

Hi Telerik Team,

it would be awesome to have a setting for adding a corner radius the dependency line, so the Gantt gets an additional visual improvement.

Example:

Could be added to the <GanttDependencies> Child-Element of <GanttDependenciesSettings>.

 

Thanks

Declined
Last Updated: 13 Jun 2022 10:46 by ADMIN
Created by: Daniel
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

Hi I have noticed that if the dropdown for an enum cannot wordwrap the item then the styling is broken, see the following the screenshot:

As you can see IN_PROGRESS is so long that it exceeds the column width and creates empty space above.

To me it appears as though an attempt to try to wordwrap the IN_PROGRESS but IN_PROGRESS has no applicable breaks in it.

 

Thanks,

Daniel

Unplanned
Last Updated: 12 Jun 2022 04:53 by Gello
Created by: atran
Comments: 5
Category: UI for Blazor
Type: Feature Request
60
similar to https://www.telerik.com/products/wpf/pivotgrid.aspx
Completed
Last Updated: 10 Jun 2022 09:29 by ADMIN
Created by: Peter
Comments: 2
Category: UI for Blazor
Type: Feature Request
1

Hi,

  I had to figure this out myself for the ComboBoxSettings because there is no documentation for this. 

  The MinWidth works from the Combobox width or greater extending the size of the popup and

   MaxWidth only creates a popup width of the Combobox only. 

Please document this feature and how to use it.  And, is this intentional because it wasn't intuitive for me to figure out.

I created a REPL for you to test this out for yourself. 

https://blazorrepl.telerik.com/GcYHOXGQ46qRkI8K54

Unplanned
Last Updated: 09 Jun 2022 10:24 by BlueOcean
Created by: NovaStor
Comments: 1
Category: UI for Blazor
Type: Feature Request
5

Hi.

 

I'd like to request the ability to use a TimeSpanPicker component in Blazor.

 

For example, see https://www.telerik.com/maui-ui/timespanpicker

 

Thank you.

1 2 3 4 5 6