Questions on UI for ASP.NET AJAX Forum

1 answer

120 views

Is it possible to have two sliders that adjust each other's values automatically client-side?

So both sliders have values 0 - 100 and if slider 1's value is adjusted to 60 then slider's value automatically becomes 40 (i.e. slider 2 value = 100 - slider 1 value and slider 1 value = 100 - slider 2 value)

Slider

answered on 16 Oct 2019

1 answer

196 views

RadGrid WebuserControl Find RadNumericTextBox

I have a Radgrid that when the EditCommandColumn button is clicked I load a WebUserControl.

On the WebUserControlI have the following bound field...

<telerik:RadNumericTextBox ID="txtQty" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Qty") %>' DisabledStyle-

BackColor="Transparent"
EmptyMessage="Enter qty" Enabled="true" Font-Names="Arial" Font-Size="Small" ForeColor="#666699" MinValue="0"

RenderMode="Lightweight"
Skin="Silk" TabIndex="7" Type="Number" Value="0" Width="190px" Visible="true"
onkeyup="javascript: onChange();" onkeypress="return isFloatNumber(this,event);" >

On the form with the grid I have the javascript OnChange() event

when I try to get_value

var txt=$find("<%= RadGrid1.ClientID%>").get_masterTableView().get_dataItems()[1].findControl("txtqty")

I receive the following error: Cannot read property 'findControl' of undefined.

I can get the value when using an asp control.

var txt1 = document.getElementById("TextBox2").value; (THIS WORKS)

How can I get the RadNumericTextBox value?

Grid

answered on 16 Oct 2019

25 answers

2.6K+ views

[Solved] Sorting on RadGrid not working properly

Hi,
I am using a Radgrid which allows the columns to be sorted and a sort icon is displayed when a column is sorted. If the same column is clicked to sort continuously for 3 times, the sort icon is not being shown the third time. Also the fourth time I click the same column, there is no change in the sorting order. Is there a third state other than asc and desc? The demos in telerik site also displays the same behaviour.
Given below is the code snippet for SortCommand handler:

Select

Case e.OldSortOrder

Case GridSortOrder.None, GridSortOrder.Descending

BindResults(pindex,

e.CommandArgument & " asc")

Exit Select

Case GridSortOrder.Ascending

BindResults(pindex,

e.CommandArgument & " desc")

Exit Select

Any help in this regard is greatly appreciated.

Thanks
PMR.

Grid

answered on 16 Oct 2019

1 answer

145 views

accessibility GridButtonColumn clicking using keyboard

we have a one column grid of GridButtonColumn and when the user arrows to a row we need the user to "click" the button with a keyboard. A "return" and a spacebar does not work?

<telerik:RadGrid ID="RadGrid2" runat="server" HorizontalAlign="Center"
DataSourceID="SqlDataSource2" OnItemCommand="RadGrid2_ItemCommand"
PageSize="30" Width="99%" CellSpacing="0" Skin="Bootstrap" AllowAutomaticUpdates="false" AllowAutomaticInserts="false"
EnableAriaSupport="true">
<ClientSettings EnableRowHoverStyle="True" AllowKeyboardNavigation="true" KeyboardNavigationSettings-FocusKey="Z" KeyboardNavigationSettings-AllowSubmitOnEnter="true">
<Selecting AllowRowSelect="True" />
</ClientSettings>
<MasterTableView CommandItemDisplay="None" Width="100%" AutoGenerateColumns="False" DataSourceID="SqlDataSource2">
<Columns>
<telerik:GridButtonColumn ButtonType="LinkButton" DataTextField="ProgramName" CommandName="SelectProgram" HeaderText="Program Name (Click to Select)" ></telerik:GridButtonColumn>
<telerik:GridBoundColumn DataField="ProgramCode" FilterControlAltText="Filter ProgramCode column" HeaderText="ProgramCode" SortExpression="ProgramCode" UniqueName="ProgramCode" Display="false">
</telerik:GridBoundColumn>
</Columns>
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
</MasterTableView>
<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>
<FilterMenu EnableImageSprites="False"></FilterMenu>
<HeaderContextMenu></HeaderContextMenu>
</telerik:RadGrid>

Grid

answered on 15 Oct 2019

1 answer

246 views

Pasting 100,000 cell in RadSpreadsheet works on localhost but not on the server

I have a Radspreadsheet with 13 columns. I need to create a datatable with the grid content and send it to a stored procedure. When I paste 8000+ rows in the grid everything works fine on local host, but it doesn't seem to be able to create the datatable when I deploy on the server. Could it be that the data size is too big to be sent to the server? Is there anyway to overcome this problem?

I have two javascript methods: one to automatically save the grid content after pasting data in the grid, and one to format grid content as text.

Here are the two JS methods:

function OnClientChange(sender, eventArgs) {
//call save automatically when posting any data in the grid
var sheet = $find('<%=RadSpreadsheet1.ClientID%>');
sheet.save();
}

function onclientpaste(sender, args) {

//format data as text
var clipboardData = args.get_clipboardContent().data;
for (var i = 0; i < clipboardData.length; i++) {
for (var j = 0; j < clipboardData[i].length; j++) {
var cellData = clipboardData[i][j];
cellData.format = "@"
}
}
}

Here is the Radspreadsheet code:

<telerik:RadSpreadsheet runat="server" ID="RadSpreadsheet1" OnClientChange="OnClientChange" onclientpaste="onclientpaste">

Spreadsheet

answered on 15 Oct 2019

1 answer

203 views

RadToggleButton and SQL Datasource Controlparameter

I would like to pass the status of the RadToggleButton to a SQL Datasource on the page to trigger whether it should values or not. Running into an error

Could not find control '_btnHideShow' in ControlParameter 'DisplayCompleted'.

DisplayCompleted is the SQL Parameter that will be passed in. I want to pass in either the 0 or 1 from the RadButtonToggleState.

<MasterTableView AutoGenerateColumns="false" TableLayout="Fixed" HierarchyDefaultExpanded="true" AlternatingItemStyle-BackColor="LightBlue" CommandItemDisplay="Top">

<CommandItemTemplate>

<telerik:RadButton RenderMode="Lightweight" ID="_btnHideShow" runat="server" ButtonType="StandardButton"

ToggleType="CustomToggle" AutoPostBack="false" Skin="Metro">

<ToggleStates>

<telerik:RadButtonToggleState SecondaryIconCssClass="rbOk" Text="Show Closed Applications" Value="1"></telerik:RadButtonToggleState>

<telerik:RadButtonToggleState SecondaryIconCssClass="rbCancel" Text="Hide Closed Applictaions" Value="0"></telerik:RadButtonToggleState>

</ToggleStates>

</telerik:RadButton>

</CommandItemTemplate>

.....

<asp:SqlDataSource ID="GetApplications" runat="server"

ConnectionString="<%$ ConnectionStrings:PHConn %>"

SelectCommand="Application.sp_seManageApplications" SelectCommandType="StoredProcedure" CancelSelectOnNullParameter="true">

<SelectParameters>

<asp:ControlParameter ControlID="_btnHideShow" PropertyName="Value" Name="DisplayCompleted" Type="Int32" DefaultValue="0" ConvertEmptyStringToNull="true" />

</SelectParameters>

</asp:SqlDataSource>

Button

answered on 15 Oct 2019

1 answer

152 views

Show loading only in specific items of RadMenu

Hi,

I have a RadMenu, and I need to show the AjaxLoadingPanel only on some items.
Deal with this approach without luck.

https://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxloadingpanel/how-to/show-and-hide-ajaxloadingpanel-explicitly

any suggestions?

AjaxLoadingPanel

answered on 14 Oct 2019

1 answer

154 views

Client - Get value of field on same row as another item?

I have a RadListView similar to

<telerik:RadListView ID="RadListView1" runat="server" >

<ItemTemplate>

<asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Eval("HiddenValue") %>' />

<telerik:RadNumericTextBox ID="RadTextBox1" runat="server" ClientEvents-OnValueChanged="onValueChanged" DbValue='<%#Eval("Hours") %>' />

</ItemTemplate>

</telerik:RadListView>

This data is bound server-side from another control. There may be hundreds of lines with unique values. When the text is changed in the RadNumericTextBox I wish to manipulate the data using the value in HiddenField1 in the onValueChanged function.

For example, when typing "5" into the RadTextBox1, onValueChanged will fire, and I would like to discover the value of HiddenField1 in this function. I cannot seem to pin down how to access data in the specific row that I am accessing.

ListView

answered on 14 Oct 2019

12 answers

1.0K+ views

[Solved] Demo for session timeout is confusing

http://demos.telerik.com/aspnet-ajax/notification/examples/sessiontimeout/defaultcs.aspx

The demo at this URL is horribly confusing with unclear references to "UI counters" and a different demo than the "recommended" setup. Please cleanup this demo so it accurately portrays the application scenario!

For my project, I'm trying to implement a session timeout popup without using a postback. I've added RadNotification tag to the aspx page, assigned ShowInterval and Value properties on the RadNotification from code behind, and now I'm stuck trying to get the javascript to work for the countdown and redirect. I want the notification popup to countdown from 60 and then redirect to another page, however I can not figure out the javascript piece from the demo. Am I correct in assuming I only need the UpdateTimeLabel() and ContinueSession() functions? How do i wire these up so they start firing when the notification is displayed? Is the pageLoad() javascript function needed for this scenario (unclear from the demo)?

Here is my tag in aspx:

<telerik:RadNotification ID="RadNotification1" runat="server" Position="Center" Width="240"

Height="100" OnCallbackUpdate="OnCallbackUpdate" LoadContentOn="PageLoad" AutoCloseDelay="60000"

Title="Continue Your Session" TitleIcon="" Skin="Office2007" EnableRoundedCorners="true"

ShowCloseButton="false" KeepOnMouseOver="false">

<ContentTemplate>

<div class="infoIcon">

<img src="images/infoIcon.jpg" alt="info icon" />

</div>

<div class="notificationContent">

Time remaining: <span id="timeLbl">60</span>

<telerik:RadButton Skin="Office2007" ID="continueSession" runat="server" Text="Continue Your Session"

Style="margin-top: 10px;" AutoPostBack="false" OnClientClicked="ContinueSession">

</telerik:RadButton>

</div>

</ContentTemplate>

</telerik:RadNotification>

Code behind:

if (!IsPostBack)

{

//set the expire timeout for the session

Session.Timeout = 2;

//configure the notification to automatically show 1 min before session expiration

RadNotification1.ShowInterval = (Session.Timeout - 1) * 60000;

//set the redirect url as a value for an easier and faster extraction in on the client

RadNotification1.Value = Page.ResolveClientUrl("default.aspx");

}

And javascript (using a <script> tag directly under <body> tag):

function UpdateTimeLabel(toReset) {

var sessionExpired = (seconds == 0);

if (sessionExpired) {

//stopTimer("timeLeftCounter");

//redirect to session expired page - simply take the url which RadNotification sent from the server to the client as value

window.location.href = $find("<%= RadNotification1.ClientID %>").get_value();

}

else {

var timeLbl = $get("timeLbl");

timeLbl.innerHTML = seconds--;

}

function ContinueSession() {

var notification = $find("<%= RadNotification1.ClientID %>");

//we need to contact the server to restart the Session - the fastest way is via callback

//calling update() automatically performs the callback, no need for any additional code or control

notification.update();

notification.hide();

//resets the showInterval for the scenario where the Notification is not disposed (e.g. an AJAX request is made)

//You need to inject a call to the ContinueSession() function from the code behind in such a request

var showIntervalStorage = notification.get_showInterval(); //store the original value

notification.set_showInterval(0); //change the timer to avoid untimely showing, 0 disables automatic showing

notification.set_showInterval(showIntervalStorage); //sets back the original interval which will start counting from its full value again

//stopTimer("timeLeftCounter");

//seconds = 60;

//updateMainLabel(true);

}

Notification

answered on 14 Oct 2019

4 answers

223 views

Access is denied for DocumentManager in Internet Explorer

Hi There,

It looks like the DocumentManager and ImageManager (part of the RadEditor) are not working at all when using Internet Explorer.

The page says "This content cannot be displayed in a frame" and in the IE Developer Console I see the error "SCRIPT5: Access is denied. Telerik.Web.UI.WebResource.axd (16532,28)"

I have attached an image showing what I see.

I have done some looking around and it seems like this issue was supposed to have been fixed since ASP.NET 3.5 was released. We are targeting .NET 4.6.1

Our Telerik DLL version are a bit out of date but we are no longer paying for the product so cannot get the latest versions. We are currently on version 2014.2.618.45.

Below is the the simple code I have on a ASP.Net WebForm that we have the editor on. When I view this editor in IE I get the error described above and shown in the attached screenshot.

Test.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Test_test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="ScriptManager" runat="server" EnableTheming="True">

</telerik:RadScriptManager>

<div>