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

Hi,
I have a form with the same type of error if I use a TelerikSwitch or a TelerikDropDownList in the Template
<FormItem Field="Bill" LabelText="Billable" > <Template> <TelerikSwitch @bind-Value="@Project.Billable" OffLabel="No" OnLabel="Yes"></TelerikSwitch> </Template></FormItem>The text in LabelText isn't visible. and the Form layout is "broken".
Without LabelText the name of the Field isn't whown either
When using the Material theme, the label shows over the text in the textarea when typing and the text scrolls up.
This is visible in you demo page. https://demos.telerik.com/blazor-ui/textarea/label
Looks like some styling is missing or wrong as it does not happen when using the Default styling.
I have an AnimationContainer component which I have configured to Slide Left from the right hand side of the viewport.
The animation is working just right.
I've tried putting a Window component inside the AnimationContainer component hoping that the Window would appear from the right hand side of the viewport as it slowly animates sliding left.
What actually happens is the AnimationContainer component continues to animate and slide in left slowly but the Window component just abruptly appears on screen with no animation. When the AnimationContainer component is closed it slides back slowly to the right hand side of the viewport and the Window component remains visible for a few more milliseconds afterwards, before it abruptly disappears.
It would be a good feature to add to the product to allow a Window component to use animations whether that be by adding an animation property to the Window component directly or by making the AnimationContainer component work better with the Window component.
Thanks.