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?

Hi,

I have a form with the same type of error if I use a TelerikSwitch or a TelerikDropDownList in the Template

The text in LabelText isn't visible. and the Form layout is "broken".

Without LabelText the name of the Field isn't whown either