I'm trying to use the TileLayout to create a photo list viewer similar to your example on the TileLayout overview page. My list of photos is coming from a collection so the number of TileLayoutItem is variable. How would I do this? Here is the code I've tried. Should i use your pager component?
<TelerikTileLayout Columns="5"
ColumnWidth="300px"
RowHeight="235px"
Reorderable="true">
<TileLayoutItems>
@foreach (var item in photoIdList)
{
<TileLayoutItem>
<content>
<div class="card">
<img card-img-top alt="Card image cap" src="https://myphotoapi/image/api/photo?pid=@item&w=167&h=125" />
</div>
</content>
</TileLayoutItem>
}
</TileLayoutItems>
</TelerikTileLayout>
I keep getting this error:
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Object of type 'Telerik.Blazor.Components.TileLayoutItem' does not have a property matching the name 'ChildContent'.
System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TileLayoutItem' does not have a property matching the name 'ChildContent'.
Hello,
Is there a possibility to set TelerikNumericTextBox without arrows for numeric values in incell editing mode?
Best regards,
Cipri
Hi,
I need to display % in my column, but Format="#,## %" doesn't work. What do I have to change?
Thanks for your help!
Greetings
<
GridColumn
Field
=
"Menge"
Title
=
"Menge"
Width
=
"100px"
>
02. <
EditorTemplate
>
03. @{
04. Current = context as Item;
05. if (Current?.Typ != Typ.H)
06. {
07. <
TelerikNumericTextBox
T
=
"decimal?"
@
bind-Value
=
"@Current.Menge"
OnChange
=
"@ChangeMengenHandler"
Decimals
=
"3"
Format
=
"#,## %"
>
09. </
TelerikNumericTextBox
>
10. }
11. }
12. </
EditorTemplate
>
13. </
GridColumn
>
Hello,
Is there any possibility to set a css class directly to the TreeListColumn element of TelerikTreeList > TreeListColumns? As I want to set for example the background-color of a cell depending on some conditions from the model that I'm passing to the TreeList.
Now the only thing that can be done is to set the Template and in there add a div element where I can set the css class or inline style css rules, but that's not very convenient for me as the column that has the expandable arrow will not look good, that's why it will be more convenient if I could have a posibility to set a css class directly to the td (cell) element.
Best regards,
Cipri
Hi,
I'm retrieving data using a select query into a datatable. When I try to show this data in a grid with the AutoGenerateColumns=true, the data is not shown.
Is there a way to show the data from a datatable in a grid with automatic generation of the columns? The number of columns in the query are dynamic, before execution of the query I don't know the number of columns.
Thanks
I am trying to set focus on a TelerikTextBox when a window is opened, but it would appear the call to js is being made before the window actually opens so the element is null.
Is there anyway to wait until the window is actually open and then call js to set focus on the textbox?
private async Task NewTicketClick()
{
newTicket = new NewTicketViewModel
{
CreatedBy = userId,
Owner = userId
};
showNewTicketWindow = true;
await jSRuntime.InvokeVoidAsync("focusInputFromBlazor", new[] { ".defaultFocus" });
}