<TelerikDockManager Height="100vh" OnStateChanged="OnStateChanged" OnStateInit="OnStateInit" @ref="dockManager">
<DockManagerPanes>
<DockManagerSplitPane>
<Panes>
<DockManagerContentPane Closeable="false" Maximizable="true" HeaderText="Content1 header" @bind-Size="Content1PaneSize">
<Content>
<div>
yada yada
</div>
</Content>
</DockManagerContentPane>
<DockManagerSplitPane Orientation="DockManagerPaneOrientation.Vertical">
<Panes>
<DockManagerContentPane Maximizable="false" Closeable="false" @bind-Size="Content2PaneSize">
<HeaderTemplate>
<span>content 2 header gets erased</span>
</HeaderTemplate>
<Content>
<div>
Content 2
</div>
</Content>
</DockManagerContentPane>
<DockManagerContentPane HeaderText="header 3" Closeable="false" @bind-Size="Content3PaneSize">
<Content>
<div>
content 3
</div>
</Content>
</DockManagerContentPane>
</Panes>
</DockManagerSplitPane>
</Panes>
</DockManagerSplitPane>
</DockManagerPanes>
</TelerikDockManager>
Hello I want to close a TelerikDialog using Esc key and this does not work sometimes. Run this REPL snippet please https://blazorrepl.telerik.com/cnYrwUYq54FZ70xP17. Click into dialog title for instance and press Esc key. Nothing happens.
Very thanks.
Miroslav
DateTimePicker loses focus when the NOW button is clicked.
To reproduce the problem open the following demo:
https://demos.telerik.com/blazor-ui/datetimepicker/overview
Try clicking a few times on the NOW button. The focus is occasionally lost.
https://www.screencast.com/t/BPEXTy43
Any transitioned event from a child element, like a radio button or button with a CSS transition, bubbles up to the TelerikWindow, triggers StateHasChanged on the window, which causes a re-render and leads to OnParametersSet being called.
Reproduction example: https://blazorrepl.telerik.com/wzEhnvOL011iIhls25.
To reproduce the issue:
- Open the Window
- Hover the Submit button or...
- Hover the arrow buttons of the NumericTextBox or..
- Select a new RadioGroup value
The NumericTextBox value is the OnParameterSet counter.
Error executing custom action Telerik.Blazor.VSX.Actions.UpdateMasterPageAction: 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.UpdateMasterPageAction.RetrieveMasterPageSettingsUpgradeInfo(IPropertyDataDictionary arguments, IProjectWrap project)
at Telerik.Blazor.VSX.Actions.UpdateMasterPageAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap projectWrap)
at Telerik.VSX.WizardEngine.ActionManager.ExecActions()
I was able to reproduce the error.
When I convert a project with no authentication type, it works.
When I convert a project with Microsoft Identity Platform, I see the error.
The issue targets a Grid with cell selection and DragToSelect feature disabled where at least one column has Visible="false". With this configuration, when using Shift + Click to select multiple cells, the result is a mismatch in the cells that should be selected, after the position where the invisible column is placed.
Video reproduction attached. Reproduction code: https://blazorrepl.telerik.com/GyFuQwPf37H8riAM19.
After filtering a nullable int column, the SelectAll checkbox in the GridCheckboxColumn stops working.
Reproduction example: https://blazorrepl.telerik.com/mTuyHaYM44sLH2yf05
The TimePicker TimeView resets the date portion of the component Value to today. This does not happen when typing in the DateInput.
The problem is with start-end validation where the start Value gets ahead of the end Value, even if the time parts are valid.
A possible workaround is to use the TimePicker ValueChanged event to override the date part to its previous value, or to set a fixed date value that is the same for the start and end TimePickers.
The scenario involves a DropDownList, which receives its data through OnRead at runtime asynchronously. The initial OnRead event that the component fires is not used, so the app calls Rebind() at some point. In this case, the component Value doesn't display until the user opens the dropdown. A possible workaround is to set the Value after the OnRead execution is complete.
If you are zooming a page containing a DateTimePicker with "AdaptiveMode" set to "AdaptiveMode.Auto", the application crashes occasionally with the error:
Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'addEventListener') TypeError: Cannot read properties of null (reading 'addEventListener')
The more adaptive DateTimePicker instances the page contains, the more likely the error is to occur.
TelerikDateInput control works fine in windows (browsers chrome and edge) and android (chrome)
on iPhone (safari) the page jumps to top every time after user provides a value for day, month or year.
code:
@bind-Value="@_applicationViewModel.DateOfBirth"
Format="dd/MM/yyyy">
<DateTimePickerFormatPlaceholder Day="dd" Month="mm" Year="yyyy" />
</TelerikDateInput>
see video attached
The focus indicator on the GridSearchBox is broken when using an outline themes like A11Y, Bootstrap etc.
Workaround:
Temporarily override the overflow style on .k-toolbar-items (e.g., overflow: unset;) using custom CSS to restore the focus indicator.
This currently happening in both my application, and in some of your demos. If you set the focus to one of the tabs in the tabstrip, and then hit the tab key on the keyboard, it should set focus to the tabstrip content itself. However, in some cases it sets the focus right back to the tab, so you can never navigate off of the tab with the keyboard.
An example of this can be seen in the Overview and Scrollable Tabs demos, but it is working in position and alignment demo. I should also note that if I open the Overview and Scrollable demos in the Repl, it also works. So I'm not sure what is preventing it on the demo pages themselves. Any help would be appreciated, since the same thing is happening in my projects after I upgraded the Telerik controls to v9.x. Here are the demo links that I'm referring to.
https://demos.telerik.com/blazor-ui/tabstrip/overview
https://demos.telerik.com/blazor-ui/tabstrip/scrollable-tabs
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.
Description
The arrow buttons in the Map's navigator and the zoom buttons render without type="button" attribute.
Steps To Reproduce
Inspect the navigator and zoom buttons in this demo: https://demos.telerik.com/blazor-ui/map/overview
Actual Behavior
The buttons render without the type attribute.
Expected Behavior
The buttons render with type="button" attribute.
Browser
All
Last working version of Telerik UI for Blazor (if regression)
No response