Ideally the Telerik control suite should support some level of drag and drop.
The use cases I'm working through require an explorer folder/file tree to be mamipulated, so being able to drag and drop treenodes around. But I can also see use cases for dragging ListView items and content from other containers.
Blazors built in support for drag and drop is not great, so some kind of basic built in support for this would be really handy.
Hi
I have a grid like these
<TelerikGrid Data="@List_GEST_Ordini_Teste_Filtrato" Height="auto"
Pageable="true" Sortable="false" Groupable="false" PageSize="20"
FilterMode="Telerik.Blazor.GridFilterMode.FilterMenu"
Resizable="true" Reorderable="true"
SelectionMode="GridSelectionMode.Single"
SelectedItemsChanged="@((IEnumerable<ViewListaOrdini> employeeList) => OnSelect(employeeList))">
....
In OnSelect I use the next, to move another page
Navigation.NavigateTo("ordineediting", false);
In 2.9 all works fine, but I've upgraded to 2.10 all stopped to work: OnSelect i called multiple indefinitly
tnx
Hi
I've put a TelerikComboBox inside a TelerikWindow not visible by default.
<TelerikComboBox Data="@ListaUnMis"
Filterable="false"
Placeholder="Selezione Unotà di Misura"
@bind-Value="@selectedProduct.CodUnMis" TextField="@nameof(CMD_UnMis.Descrizione)"
ValueField="@nameof(CMD_UnMis.CodUnMis)" AllowCustom="false" >
</TelerikComboBox>
In a grid when I click an edit button I open the modal TelerikWindow and set the selectedProduct.
...but .... the inital valu is not displayed. Remain only blank.
Using TelerikDropDownList all works fine.
Tnx
Hello,
I have a bool column in my grid displaying checkboxes. This works fine. In the column header I have filer's drop-down box with text "All", "Is true", "Is false".
Is there any way to change this text? I need it be All, Selected, Unselected or something else.
Thanks.
Hi,
It seems as though these things only work on the current page. Is there a way to do these things at teh dataset level?
Any guidance would be great!
Thanks …. Ed
I would like to add a icon in the TextBox, like a search icon, or email or phone. (see attached file) Is this possible?
Is there anyway to do an 'addon' button with the TelerikTextBox?
I've tried the following but it puts the button on it's own line:
<
div
class
=
"col-11 col-md-8"
>
<
div
class
=
"input-group"
>
<
TelerikTextBox
Width
=
"100%"
Class
=
"form-control"
Id
=
"personname"
ValueChanged="@((string s) => PersonName_OnValueChanged(s))"
Value="@logItem.PersonName"
ValueExpression="@(() => logItem.PersonName)" />
<
div
class
=
"input-group-append"
>
<
button
class
=
"btn btn-outline-primary"
type
=
"button"
id
=
"clearpersonname"
>X</
button
>
</
div
>
</
div
>
</
div
>
In this case I want to add a way for the user to clear the contents of the TextBox. Another way would be to add an 'X' to the right side of the textbox, but I don't see any documentation to support that method either. Any suggestions?
Hi
Is their anyway to make the Edit Appointments - ReadOnly - and remove the Save button.
What about removing or changing the labels?
thx in advance
Is there a way to apply more styles to the GridCommandButton's? I would like the icons and labels to be differentiated a little more like the following...
https://codepen.io/danielmariveles/pen/jPrwxv
Thanks,
Rob
I'm having a problem getting the Telerik controls to set their widths properly when there is more than one Telerik control in the same form-group row.
Short of setting the width to something fixed, the controls are not using to the proper space based on the bootstrap grid definitions. Rows in which there are only one Telerik control seem fine. I've experimented with a number of approaches but haven't been able to fix it. Any help would be appreciated.
@page "/formrowtest"
@if (showForm)
{
<
div
class
=
"container"
>
<
form
class
=
"form"
>
<
div
class
=
"form-group row"
>
<
label
for
=
"person"
class
=
"col-12 col-sm-2 col-form-label"
>Person</
label
>
<
div
class
=
"col-12 col-sm-10"
>
<
div
class
=
"input-group"
>
<
TelerikTextBox
Id
=
"person"
Class
=
"form-control"
/>
<
div
class
=
"input-group-append"
>
<
TelerikButton
ButtonType
=
"ButtonType.Button"
Icon
=
"@IconName.Reset"
/>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"form-group row"
>
<
label
for
=
"organization"
class
=
"col-12 col-sm-2 col-form-label"
>Organization</
label
>
<
div
class
=
"col-12 col-sm-10"
>
<
div
class
=
"input-group"
>
<
TelerikTextBox
Id
=
"organization"
Class
=
"form-control"
/>
<
div
class
=
"input-group-append"
>
<
TelerikButton
ButtonType
=
"ButtonType.Button"
Icon
=
"@IconName.Reset"
/>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"form-group row"
>
<
div
class
=
"col-sm-12 col-md-4"
>
<
label
class
=
"sr-only"
for
=
"communicationtype"
>Type</
label
>
<
TelerikDropDownList
Id
=
"communicationtype"
Data
=
"@CommunicationTypes"
TextField
=
"Description"
ValueField
=
"TypeId"
PopupHeight
=
"Auto"
PopupWidth
=
"Auto"
@
bind-Value
=
"SelectedTypeId"
/>
</
div
>
<
div
class
=
"col-sm-12 col-md-4"
>
<
label
class
=
"sr-only"
for
=
"commdescription"
>Description</
label
>
<
TelerikTextBox
Id
=
"commdescription"
Width
=
"100%"
/>
</
div
>
<
div
class
=
"col-12 col-sm-4"
>
<
div
class
=
"input-group"
>
<
TelerikTextBox
Id
=
"comminstructions"
/>
<
div
class
=
"input-group-append"
>
<
TelerikButton
ButtonType
=
"ButtonType.Button"
Icon
=
"@IconName.Zoom"
/>
</
div
>
</
div
>
</
div
>
</
div
>
</
form
>
</
div
>
}
@code {
private bool showForm = false;
private class CommunicationType
{
public int TypeId { get; set; }
public string Description { get; set; }
}
List<
CommunicationType
> CommunicationTypes { get; set; } = new List<
CommunicationType
>();
public int SelectedTypeId { get; set; }
protected override async Task OnInitializedAsync()
{
CommunicationTypes.Add(new CommunicationType() { TypeId = 0, Description = "Unknown" });
CommunicationTypes.Add(new CommunicationType() { TypeId = 1, Description = "Office" });
CommunicationTypes.Add(new CommunicationType() { TypeId = 2, Description = "Direct" });
CommunicationTypes.Add(new CommunicationType() { TypeId = 3, Description = "Fax" });
CommunicationTypes.Add(new CommunicationType() { TypeId = 4, Description = "Cell" });
CommunicationTypes.Add(new CommunicationType() { TypeId = 5, Description = "Home" });
SelectedTypeId = 1;
showForm = true;
}
}