or
2 answers
170 views
On my pageI have a RadGrid with columns containing gross and net ammounts and a RadButton "Gross/Net". By clicking the button the grid shows it columns accordingly. Worked liek a charm.
Then I added aggregates od type "Sum" and still everything worked fine.
After that I added an aggregate od type "Custom" to one of the columns (which calculates and shows everything as it should) but than I lost the button funcionality, clicking it does not switch the columns visibility.
The button does: myGrid.MasterTableView.GetColumn("mycolumn").Display = Not mybutton.Checked.
Also tried: myGrid.MasterTableView.GetColumn("mycolumn").Visible = Not mybutton.Checked
1 answer
56 views
When I attempt to add a rad grid to a page I am getting this error every time. This is noew as I use grids all the time.
This is just added and no functionality is yet attached to the grid.
Rumen
Telerik team
answered
on
10 Oct 2025
3 answers
70 views
Hello Telerik team,
Our customer reported that the Telerik RadEditor table plugin is not accessible using the keyboard. I tested it on the RadEditor demo page and confirmed the same issue. Is there any solution for this?
Thanks in advance,
Lan
1 answer
80 views
How can I get one column (let's say, the 4th column) to wrap when exported?
Rumen
Telerik team
answered
on
30 Sep 2025
1 answer
67 views
I have a Circular Gauge within a bootstrap card. I cannot seem to get the "CenterTemplate" value centered in the gauge. Is there a setting I'm missing or does someone have a custom CSS to help. below is the html markup along with an attached image of the gauge.
Thank you in advance for any help!
<div class="card shadow mb-4" id="gaugecontainer1">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">Daily Productivity Rate</h6>
</div>
<div class="card-body">
<div class="container-fluid align-content-center">
<telerik:RadCircularGauge ID="Gauge1" runat="server" Width="90%" Height="350px" Font-Size="X-Large" Skin="Silk" CssClass="gauge-left-padd">
<ClientEvents OnLoad="Gauge1_OnLoad" />
<CenterTemplate>
#:value # %
</CenterTemplate>
<Scale Min="0" Max="200">
<Labels Visible="true" Position="Inside" Font="12px Arial,Helvetica,sans-serif" Format="{0}%" />
<MajorTicks Visible="true" Size="20" Color="Black" />
<MinorTicks Visible="true" Color="Black" />
</Scale>
<ColorsCollection>
<telerik:ArcGaugeColor From="0" To="79" Color="Red" />
<telerik:ArcGaugeColor From="80" To="90" Color="Orange" />
<telerik:ArcGaugeColor From="91" To="100" Color="Yellow" />
<telerik:ArcGaugeColor From="101" To="120" Color="LightGreen" />
<telerik:ArcGaugeColor From="121" To="200" Color="Blue" />
</ColorsCollection>
</telerik:RadCircularGauge>
</div>
</div>
</div>
.gauge-left-padd {
padding-left: 2em;
}
<script type="text/javascript">
var gauge1, TO = false;
function Gauge1_OnLoad(sender, args) {
gauge1 = sender.get_kendoWidget();
}
window.onresize = (function () {
if (TO !== false)
clearTimeout(TO);
TO = setTimeout(resizeGauge, 200);
});
function resizeGauge() {
if (gauge1) {
gauge1.resize();
}
}
</script>
Vasko
Telerik team
answered
on
23 Sep 2025
1 answer
59 views
How can I connect listChild to listParent using the Parent_ID?
<telerik:RadListView ID="listParent" DataKeyNames="Parent_ID" DataSourceID="sqlParent" RenderMode="Lightweight" runat="server">
<ItemTemplate>
ID: <%# Eval("Parent_ID") %>
<%# Eval("Parent_Name") %>
<telerik:RadListView ID="listChild" DataKeyNames="Parent_ID" DataSourceID="sqlChild" RenderMode="Lightweight" runat="server">
<ItemTemplate>
<!-- child details would go here -->
</ItemTemplate>
</telerik:RadListView>
<asp:SqlDataSource ID="sqlChild" runat="server" ConnectionString="<%$ ConnectionStrings:cs %>" SelectCommand="Impact.usp_exe_get_Child" SelectCommandType="StoredProcedure">
<SelectParameters>
<asp:Parameter Name="Parent_ID" /> <!-- Parent ID from listParent-->
</SelectParameters>
</asp:SqlDataSource>
</ItemTemplate>
</telerik:RadListView>
<asp:SqlDataSource ID="sqlParent" runat="server" ConnectionString="<%$ ConnectionStrings:cs %>" SelectCommand="Impact.usp_exe_get_Parent" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
Attila Antal
Telerik team
answered
on
22 Sep 2025
1 answer
153 views
I don't think OTPInput control has an autopostback and so I am using this code to call client event then do post back via hidden link button to my server side function. This is used for allowing a user to enter a three digit entry key number and doesn't require them to enter the numbers and press a button for speed. If the control had autopostback when all boxes have a value and the last box value is entered this would make the control much more useful. Is there a better way of doing this?
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<!-- OTP input for three digit key number-->
<telerik:RadOTPInput ID="otpKeySearch" runat="server" Placeholder="0-9" Space="true" Type="Number">
<Items>
<telerik:OTPInputItem GroupLength="3" />
</Items>
<ClientEvents OnChange="keyOTPOnChange" />
</telerik:RadOTPInput>
<!-- Hidden linkbutton we will post back to -->
<asp:LinkButton ID="btnOtpPostBack"
runat="server"
OnClick="otpKeySearchChanged"
UseSubmitBehavior="false"
Style="display:none;" />
<script type="text/javascript">
// Fires every time the OTP value changes
function keyOTPOnChange(sender, args) {
var value = args.get_value() || "";
// Only act once we have exactly three digits 0-9
if (value.length === 3 && /^\d{3}$/.test(value)) {
// Force a full postback to the hidden LinkButton
__doPostBack('<%= btnOtpPostBack.UniqueID %>', '');
}
}
</script>
' Handles the hidden LinkButton postback
Protected Sub otpKeySearchChanged(sender As Object, e As EventArgs) Handles btnOtpPostBack.Click
Dim theKeyNumber As String = ""
If otpKeySearch IsNot Nothing AndAlso otpKeySearch.Value IsNot Nothing Then
theKeyNumber = otpKeySearch.Value.Trim()
End If
If theKeyNumber <> "" AndAlso theKeyNumber.Length = 3 AndAlso IsNumeric(theKeyNumber) Then
' get key number from database and perform redirect to keys panel of relevant entry dashboard
End If
' If we got here (redirect above failed - value was invalid or key not found in database) show the radNotify with message to user
notifyInvalidSearch.Show()
End Sub
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<!-- OTP input for three digit key number-->
<telerik:RadOTPInput ID="otpKeySearch" runat="server" Placeholder="0-9" Space="true" Type="Number">
<Items>
<telerik:OTPInputItem GroupLength="3" />
</Items>
<ClientEvents OnChange="keyOTPOnChange" />
</telerik:RadOTPInput>
<!-- Hidden linkbutton we will post back to -->
<asp:LinkButton ID="btnOtpPostBack"
runat="server"
OnClick="otpKeySearchChanged"
UseSubmitBehavior="false"
Style="display:none;" />
<script type="text/javascript">
// Fires every time the OTP value changes
function keyOTPOnChange(sender, args) {
var value = args.get_value() || "";
// Only act once we have exactly three digits 0-9
if (value.length === 3 && /^\d{3}$/.test(value)) {
// Force a full postback to the hidden LinkButton
__doPostBack('<%= btnOtpPostBack.UniqueID %>', '');
}
}
</script>
' Handles the hidden LinkButton postback
Protected Sub otpKeySearchChanged(sender As Object, e As EventArgs) Handles btnOtpPostBack.Click
Dim theKeyNumber As String = ""
If otpKeySearch IsNot Nothing AndAlso otpKeySearch.Value IsNot Nothing Then
theKeyNumber = otpKeySearch.Value.Trim()
End If
If theKeyNumber <> "" AndAlso theKeyNumber.Length = 3 AndAlso IsNumeric(theKeyNumber) Then
' get key number from database and perform redirect to keys panel of relevant entry dashboard
End If
' If we got here (redirect above failed - value was invalid or key not found in database) show the radNotify with message to user
notifyInvalidSearch.Show()
End Sub
3 answers
92 views
I am implementing a one time password with google authenticator for login page. After checking the user id and password is correct, I need to hidden the login box and show the QR code, OTP textbox and submit button. I saw sample using Panel.visible = true/false to switch. It is work in Page_Load to set default Panel_GoogleAuth.visible = false, but it is not work in the login button onClick event. It can't show the Panel_GoogleAuth and just hidden the login button but not the whole Panel_Login. Does anyone know why?
My reference: Sample
aspx:
<asp:Panel ID="Panel_GoogleAuth" runat="server" Font-Names="Arial" Font-Size="12pt" HorizontalAlign="Center" Width="1024px">
<div class="row">
<div class="col-3"></div>
<div class="col-5">
<fieldset class="TOTP">
<asp:Label ID="lblScanQRCode" runat="server" Style="padding-top: 4px">Sceen the QR Code in Google Authenticator</asp:Label>
<br />
<asp:Image ID="imgQRCode" runat="server" Width="200" Height="200" />
<asp:HiddenField ID="hfSecretKey" runat="server" />
<br />
<asp:TextBox ID="txtOTP" runat="server" placeholder="Enter One-Time-Password"></asp:TextBox>
<asp:Button ID="btnVerify" runat="server"Text="Verify OTP" />
<br /><br />
<asp:Label ID="lblMessage" runat="server"></asp:Label>
</fieldset>
</div>
</div>
</asp:Panel>
<telerik:RadAjaxPanel ID="StaffPanel" runat="server" Width="99%">
<div id="wrap-content">
<asp:Panel ID="Panel_Login" runat="server" Font-Names="Arial" Font-Size="12pt" HorizontalAlign="Center" Width="1024px">
<asp:Login ID="LoginUser" Class="Login" runat="server" EnableViewState="false" RenderOuterTable="false">
<div class="accountInfo">
<div class="row">
<div>
<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Staff ID:</asp:Label>
</div>
<div>
<asp:TextBox ID="UserName" runat="server" CssClass="textEntry" Width="114%" Height="20"></asp:TextBox>
</div>
</div>
<div class="row">
<div>
<asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" Style="padding-top: 4px">Password</asp:Label>
</div>
<div>
<asp:TextBox ID="Password" runat="server" CssClass="passwordEntry" TextMode="Password" Width="114%" Height="20"></asp:TextBox>
</div>
</div>
<div class="row">
<telerik:RadButton ID="btnLogin" runat="server" Text="Login" OnClick="RadButton_LoginCheck_Click" RenderMode="Lightweight" Width="93%" Font-Size="X-Large" Skin="Silk" Height="35px" Font-Names="Arial"></telerik:RadButton>
</div>
</div>
</asp:Login>
</asp:Panel>
</div>
</telerik:RadAjaxPanel>
aspx.vb:
Protected Sub btnLogin_Click(sender As Object, e As System.EventArgs) Handles btnLogin.Click
If staffIDRegex.Match(checkStaffId).Success Then
Panel_Login.Visible = False
Panel_GoogleAuth.Visible = True
End If
End Sub
Rumen
Telerik team
answered
on
12 Sep 2025
0 answers
142 views
I don't see anyone talking about migrating from Visual Studio to Jetbrains Rider using Telerik.
I have a 20+ year project that's had Telerik being used for a long time. When opening the project in Jebrains Rider, there are a lot of referencing issues and a lot of it is messed up, mostly related to telerik. I mainly use the Telerik wizards for Reporting and for the Ajax UI version, which don't exist in Rider. I wanted to see if anyone has any tips or tricks, or if there is talk about creating plugins for telerik on Jetbrains Rider?
I have a 20+ year project that's had Telerik being used for a long time. When opening the project in Jebrains Rider, there are a lot of referencing issues and a lot of it is messed up, mostly related to telerik. I mainly use the Telerik wizards for Reporting and for the Ajax UI version, which don't exist in Rider. I wanted to see if anyone has any tips or tricks, or if there is talk about creating plugins for telerik on Jetbrains Rider?
Glenn
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
asked
on
03 Sep 2025
1 answer
90 views
How can I pass the number to the confirm popup message like
===============================
Confirm to Delete Record ___(No)___?
===============================
CODE in .aspx
<script>
function DeleteConfirm(sender, args) {args.set_cancel(!confirm('Confirm to Delete?'));
}
</script>
<telerik:RadButton ID="btnDelete" runat="server" Skin="Windows7" Text="Delete" CommandName="Delete"
CommandArgument='<%# Eval("CueId") + "|" + Eval("RevID") + "|" + Eval("No") %>' OnClientClicking="DeleteConfirm" visible='<%# If(Eval("AdminPage").ToString() = "Yes", true, false) %>'
Enabled='<%# If(Eval("ControlStatus").ToString() = "R", true, false) %>' >
</telerik:RadButton>
