We use the Telerik RadGrid in our application and load the data and columns client side.
We inherit from the Telerik grid columns
internal class xxxButtonGridBoundColumn : GridButtonColumn
internal class xxxFilterGridBoundColumn : GridBoundColumn
as part of our grid refresh we call the following JavaScript
fixColumnType: function () {
// force column types to be RAD types
var TelerikGridColumns = this.get_masterTableView().get_columns();
for (var i = 0; i < TelerikGridColumns.length; i++) {
var column = TelerikGridColumns[i];
switch (column._data.ColumnType) {
case "xxxButtonGridBoundColumn":
column._data.ColumnType = "GridButtonColumn";
break;
case "xxxFilterGridBoundColumn":
column._data.ColumnType = "GridBoundColumn";
break;
This is called before the grid.databind() method and seems to work.
The bug is that the GridButtonColumn reverts back to xxxButtonGridBoundColumn and doesn't bind to the data
(GridBoundColumn still works ok)
This was working in version 2013:3:1114:35 but broken in future versions including the most recent 2017
Any help in why this happens would be appreciated
I want to update a RadAjaxPanel, when I have been clicking a RadMenuItem of a RadTreeView.
That treeview is not inside the RadAjaxPanel but on the same page as it.
If I add a OnNodeClick handler to the RadTreeView and add a event handler in code behind, then clicking a RadMenuItem of the treeview will cause a postback and the whole page will reload.
Instead, I want the RadAjaxPanel to reload so I can bind a grid in it.
How can I do that? I will not move the treeview inside the ajax panel.
My problem is that a RadTextBox password input does not consider Scandinavian letters (å, ä, ö, Å, Ä, Ö) when it validates if the password is strong enough. I have set MinimumUpperCaseCharacters to value 2 and MinimumLowerCaseCharacters to value 2. The validator accepts password such as "AAss1234". Unfortunately, it does not accept such passwords as "ÄÄöö1234". However, this kind of password is accepted: "AAss1234ääÖÖ".
How could one fix password strength validation so that also Scandinavian letters will be considered in MinimumUpperCaseCharacters and MinimumLowerCaseCharacters?
<telerik:RadTextBox ID="RecoveryAccountPasswordInput" runat="server" MaxLength="15" TextMode="Password" onkeyup="checkPasswordMatchRecovery()" EnableSingleInputRendering="false">
<PasswordStrengthSettings IndicatorElementBaseStyle="Base" ShowIndicator="true" MinimumNumericCharacters="2" MinimumUpperCaseCharacters="2" MinimumLowerCaseCharacters="2" MinimumSymbolCharacters="0" PreferredPasswordLength="8" CalculationWeightings="50;25;25;0" TextStrengthDescriptions=" Invalid; Invalid; Invalid; Invalid; Acceptable" TextStrengthDescriptionStyles="L0;L1;L2;L3;L4;L5" IndicatorElementID="CustomIndicatorNew">
</PasswordStrengthSettings>
</telerik:RadTextBox>
I believe this issue has been brought up in other threads. The IE browser displays an "x" in text input controls which can be used to clear the contents of the control. Clicking on it works, but it does not behave the same as when the user selects the content and hits the backspace or delete keys. Clicking on the "X" in the filter textbox does not raise the GridCommand client=side event which I am using to perform my filtering with a webservice.
Is there a way around this issue? I realize the "x" is not a Telerik feature, however, it makes it so using Telerik controls with IE can cause problems in certain scenarios. Since this "x" issue has been around for a while, I'm hoping you guys have figured out a way around it.
I want to show the image in a RadBinaryImage or asp.net Image control after the upload the image using RadAsyncUpload control. The image show when the image is uploaded without any button click.
Can anyone help me to do that.
Thanks in advance.
Hi,
I'd like to open a discussion on using Bootstrap (not the Bootstrap skin) with UI for ASP.NET.
I am planning a new web app and I'm not sure which way to go. On the one side I have experience with Bootstrap and I'd like to use its power to build mobile friendly and responsive apps. On the other side I'm afraid that it might conflict with Telerik's UI.
Elements I'll be using: navigation (RadNavigation, RadMenu), grid (layout), data grid, forms (inputs, dropdowns, buttons, ...).
Here some questions which are going through my head:
- Which is best for responsive grid design: Bootstrap's fluid grid or RadPageLayout?
- Bootstraps helper classes are powerful and helpful for quick formatting. Is there an equivalent with Telerik.
- Telerik has a built in Bootstrap skin. Is this a full "Bootstrap" including helper classes an so on or is it only a coloring theme?
- My app will be using a mixture of components from the two Telerik demo apps (http://demos.telerik.com/aspnet-ajax/webmail/ andhttp://demos.telerik.com/aspnet-ajax/salesdashboard/views/regionalsalesstatus.aspx). Main Layout will be more like the sales dashboard (with header, sidebar, main content area). As I inspected the two demos in more detail, I saw that the sales dashboard is using Bootstrap. I am wondering why Telerik uses Bootstrap instead of its own UI?
- Who has experience "mixing" the two? Is this a good fit? Any known problems?
Hoping for a fruitful discussion. THX, Martin
Hi,
How can I limit the number of default skins to choose from with SkinManager?
Say I only want the user to be able to choose between Bootstrap, Metro, Metro Touch and Default.
Thx, Martin
Is there a way I can extract this code out into a variable or template so I don't have to define it for each column I want to use it on?
@(Html.Kendo().Grid<
Kendo.Mvc.Examples.Models.EmployeeViewModel
>()
.Name("Grid")
.Columns(columns => {
columns.Template(@<
text
>@item.FirstName @item.LastName</
text
>)
.ClientTemplate("#=FirstName# #=LastName#")
.Title("Name");
columns.Bound(e => e.City)
.Filterable(filterable => filterable.UI("cityFilter"))
.Width(200);
columns.Bound(e => e.Title)
.Filterable(filterable => filterable.UI("titleFilter"))
.Width(350);
})
.Filterable(filterable => filterable
.Extra(false)
.Operators(operators => operators
.ForString(str => str.Clear()
.StartsWith("Starts with")
.IsEqualTo("Is equal to")
.IsNotEqualTo("Is not equal to")
))
)
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("FilterMenuCustomization_Read", "Grid"))
)
)