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

It appears that every time a TabStripTab which is not currently active is clicked on, its contained components are recreated and initialize.

I was expecting that after the first time the TabStripTab is activated and the components are initialized, subsequent events that make a TabStripTab active would not Initialize the components again. Can I configure the TabStripTab so that it doesn't Initialize every time?

Good Morning.
I am trying to fill a DropDownList from a model. The model is as follows:

    public class StatusEnvioModel
    {
        public string Code{ get; set; }
        public string Description { get; set; }
    } 

Then I create a List as follows:

        public IEnumerable<StatusEnvioModel> ListaEstadosGuia = new List<StatusEnvioModel>()
        {
            new StatusEnvioModel {Code = "REP", Description = "Recogida en punto de venta" },
            new StatusEnvioModel {Code = "RED", Description = "Envio recogido en domicilio" },
            new StatusEnvioModel {Code = "IAC", Description = "Ingreso a Cedi" },
            new StatusEnvioModel {Code = "RUT", Description = "En distribución" },
            new StatusEnvioModel {Code = "SAD", Description = "Salida ciudad destino" },
            new StatusEnvioModel {Code = "LTH", Description = "En transito" },
            new StatusEnvioModel {Code = "IFE", Description = "Intento fallido de entrega" },
            new StatusEnvioModel {Codigo = "ENT", Description = "Entregado" },
            new StatusEnvioModel {Code = "IFP", Description = "Intento fallido de entrega en punto Venta" },
            new StatusEnvioModel {Code  = "EPV", Description = "Entregado en punto de venta" }
        };

And then in the code define and initialize a property as follows:

        protected List<StatusEnvioModel> EstatusGuia { get; set; } = new List<StatusEnvioModel>();


        protected override async Task OnInitializedAsync()
        {
            EstatusGuia = AppData.ListaEstadosGuia.ToList<StatusEnvioModel>();
        }

And in the page I put a DropDownList in the following way:

        <div class="form-group">
            <label for="TipoStatusDDL">
                <span>Estatus guías <span class="k-required">*</span></span>
            </label>
            <TelerikDropDownList Id="TipoStatusDDL" Data="@EstatusGuia" TItem="Codigo" TValue="Descripcion"
                                 Width="100%" PopupWidth="400px" DefaultText="Seleccione un estatus de guía" />
        </div>

The problem is that I get an error in Data = "@ EstadusGuia" TItem = "Code" and TValue = "Description"

What is the problem?

Thank you.

Hi

Is there a way to

• programmatically trigger the "Add" Command
• and have the new row displayed as the last item of the grid?