If you look at the two attached screen shots.  The date range picker is initialized with a start and end date.  If the start date is changed, the end date is reset to 1/1/0001.

I have configured the date range picker as:

My expectation is that the end date should not change from what was set as the initial value.

I was wondering if anyone has tried a more advanced drawer template that works with a collapsible hierarchy menu that is still fully useable in its collapsed form?

The menu found in TFS / Azure DevOps is an excellent  example of something like this.  The selected section shows all the subsections and other sections become flyouts for the subsection.

A combo of the Drawer and TreeView or Context Menu might work well for this scenario

In my button group, I have a set of buttons, where only one button at a time is allowed to be checked.

I would like to add a separator between specific buttons, just to make the UI easier to read.

I don't see a <ButtonGroupSeparator> or <ButtonGroupSpacer> element.

Is adding a CSS style, that increases the left or right padding, to specific <ButtonGroupButton> the best approach?

I have 3 sections A, B and C. Each is a tilelayoutitem. I have to calculate the rowspan for each with a C# function. for example section A has 47 rows, B has 17 and C has 9. below is the snippet. when it renders there is a bunch of whitespace after the 47 rows in section A, a moderate about for the 17 rows in B and C shows up fine with only a little bit of whitespace. I don't know how to make each tilelayoutitem fit its content properly.  thanks

            @foreach (var item in Groups)
            {
                <TileLayoutItem HeaderText="@item" ColSpan="6" Class="tile-with-overflow" RowSpan="@CalculateRowSpan(@item)">
                    <Content>
                            <SaleDetail Group="@item" FormatDetails="@SalesFormatDetails"></SaleDetail>
                    </Content>
                </TileLayoutItem>
            }

Hi,

UI for Blazor does not have a native Map component. I have managed to include a Kendo UI for jQuery Map component in my Blazor WASM project but now want to bind the markers to data provided by the Blazor page hosting the component. Is this possible? If so how, if not what are the alternatives?

Regards

     I'm essentially trying to achieve what's been solved for Kendo UI for JQuery in Blazor Grid: https://docs.telerik.com/kendo-ui/knowledge-base/grid-ellipsis-text-show-tooltip

"How can I show ellipsis in the Grid cells where the text does not fit the specified width and display the full content in a tooltip when the user hovers over the cell?"

Thanks

I have a grid and on each row context you can perform 10+ action.  I don't want to add 10+ different GridCommandButtons as that wouldn't look good.

I would like to have a single button on each row that the user can click and when its clicked a popup of available actions appears for them to select.

Is that possible on a Blazor Grid ?

I would like it to look something like this image.

Using the example from here: https://demos.telerik.com/blazor-ui/window/overview

I get the following error when trying to bind the Top and Left parameters. If I remove the binding parameters the error goes away but I am unable to drag the window. Thoughts?

2021-03-24 14:23:23.250 (25876/  5) [WRN] [Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer] Unhandled exception rendering component: Object of type 'Telerik.Blazor.Components.TelerikWindow' does not have a property matching the name 'TopChanged'.
System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TelerikWindow' does not have a property matching the name 'TopChanged'.
   at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.ThrowForUnknownIncomingParameterName(Type targetType, String parameterName)
   at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.SetProperties(ParameterView& parameters, Object target)
   at Microsoft.AspNetCore.Components.ComponentBase.SetParametersAsync(ParameterView parameters)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.SetDirectParameters(ParameterView parameters)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewComponentFrame(DiffContext& diffContext, Int32 frameIndex)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewSubtree(DiffContext& diffContext, Int32 frameIndex)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InsertNewFrame(DiffContext& diffContext, Int32 newFrameIndex)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange`1 oldTree, ArrayRange`1 newTree)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()
2021-03-24 14:23:23.270 (25876/  5) [ERR] [Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost] Unhandled exception in circuit '9_2Nc8ZdgYWtDLxbnq5f2qoJASABiNLMnk05CJb96VE'.
System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TelerikWindow' does not have a property matching the name 'TopChanged'.
   at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.ThrowForUnknownIncomingParameterName(Type targetType, String parameterName)
   at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.SetProperties(ParameterView& parameters, Object target)
   at Microsoft.AspNetCore.Components.ComponentBase.SetParametersAsync(ParameterView parameters)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.SetDirectParameters(ParameterView parameters)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewComponentFrame(DiffContext& diffContext, Int32 frameIndex)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewSubtree(DiffContext& diffContext, Int32 frameIndex)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InsertNewFrame(DiffContext& diffContext, Int32 newFrameIndex)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl)
   at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange`1 oldTree, ArrayRange`1 newTree)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()

I'm trying to bind a TelerikDropDownList to a list of tuple, but without success.  

<TelerikDropDownList Data="@Items" TextField="Text" ValueField="Value" @bind-Value="@Value"></TelerikDropDownList>

@code

{

   private List<(string Text, int Value)> Items { get; set; }

   private int Value {get;set;}

   protected override void OnInitialized()
   {
       base.OnInitialized();

      CreditSafeContractNotificationTypes = new List<(string Text, int Value)>()
      {
          ("Text1", 0),
          ("Text2", 1),
      };

   }

}

in chrome console i obtain this error:

 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.Components.TelerikDropDownList`2[[System.ValueTuple`2[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Int32, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]], System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Int32, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].<OnParametersSetAsync>b__57_1(ListDataItem item)
   at System.Linq.Enumerable.TryGetFirst[ListDataItem](IEnumerable`1 source, Func`2 predicate, Boolean& found)
   at System.Linq.Enumerable.FirstOrDefault[ListDataItem](IEnumerable`1 source, Func`2 predicate)
   at Telerik.Blazor.Components.TelerikDropDownList`2.<OnParametersSetAsync>d__57[[System.ValueTuple`2[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Int32, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]], System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Int32, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
   at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
   at Telerik.Blazor.Components.Common.TelerikSelectBase`2.<SetParametersAsync>d__133[[System.ValueTuple`2[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Int32, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]], System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Int32, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()

What's wrong?

Thanks

Hi.

If I understand everything correctly, there is a one-to-one relationship between the <FormItem> element and model's data field.

I am aware that I can use a <FormGroup> and set the columns attribute to indicate how many columns are needed.  However, each <FormGroup> element renders a <fieldset> and <legend> element.

Is it possible to place two, or more, data fields inside of one <FormItem>'s <Template> element?

I'm looking for a way to not waste screen space by having each element of my form on it's own row.  Using a <FormGroup> helps, however, I would like to avoid having all the extra <fieldset> and <legend> elements rendered.

Thanks