Questions on UI for ASP.NET AJAX Forum

3 answers

150 views

Changing the color of a ScatterLine point in Javascript.

Hello

I'd like to be able to change the color of a ScatterSeriesItem point upon clicking. I have tried the following in Javascript; However, it didn't work. I'd appreciate for the help.

function seriesClick(e) {

// change the color of the point to red

e.point.color = "#ff0000";

// redraw the chart

var chart = $find("chart").get_kendoWidget();
chart.redraw();

}

In C#, I am able to change a point's color by ScatterSeriesItem.BackgroundColor property, however I need to be able to do it in Javascript.

Thanks.

Chart (HTML5)

answered on 04 Sep 2018

2 answers

145 views

Batch Mode Editing Crashing

Hi,

I have a radgrid which contains a template column. Within the Edit template is a dropdown control.

I have the edit mode to set to batch. I then have the client method:

<ClientEvents OnBatchEditCellValueChanged="BatchEditCellValueChanged" />

This triggers the following method:

function BatchEditCellValueChanged(sender, parameters) { sender.get_batchEditingManager().saveAllChanges();}

The problem I have is that when a user makes a change to the dropdown list the page freezes and then it crashes.

If I remove the template column, the editing works fine.

What do I need to do in order for this to work?

Thanks.

Grid

answered on 04 Sep 2018

4 answers

1.2K+ views

Update radgrid with external button (all rows in edit mode)

hi there,
I have some textboxes (for name, surname etc) and and a radgrid on my web page.(for products for example). all radgrid's rows are in "inplace" edit mode.. When I press to external button, form postbacks. meanwhile All information user entered in ragrid get lost. I think I have to update radgrid first but I don't know how ? because there's no update command column in grid. all rows in edit mode and while postingback I need to update all of them at once. How can achieve this ?
best

Protected Sub radGridProducts_NeedDataSource(sender As Object, e As GridNeedDataSourceEventArgs) Handles radGridProducts.NeedDataSource

Dim dt As New DataTable

dt = DirectCast(Session("RequestMonetDataTable"), DataTable)

radGridProducts.DataSource = dt

End Sub

Protected Sub radGridProducts_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles radGridProducts.PreRender

If Not IsPostBack Then

For Each item As GridItem In radGridProducts.MasterTableView.Items

If TypeOf item Is GridEditableItem Then

Dim editableItem As GridEditableItem = CType(item, GridDataItem)

editableItem.Edit = True

End If

Next

radGridProducts.Rebind()

End If

End Sub

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load

If IsPostBack = False Then

CreateDataSource()

end If

Protected Sub CreateDataSource()

Dim dt As New DataTable

Dim dr As DataRow

dt.Columns.Add(New Data.DataColumn("ID", GetType(String)))

dt.Columns.Add(New Data.DataColumn("product", GetType(String)))

dt.Columns.Add(New Data.DataColumn("quantity", GetType(Integer)))

dt.Columns.Add(New Data.DataColumn("price", GetType(Decimal)))

dr = dt.NewRow

dr("ID") = 1

dr("product") = "aaa"

dr("quantity") = 0

dr("price") = 0

dt.Rows.Add(dr)

' here I add some more rows.....

Session("RequestMonetDataTable") = dt

End Sub

Grid

answered on 03 Sep 2018

11 answers

452 views

Pie Chart Legend Issue

Hi,

When using the pie chart I get very small indicators on the legend - the following code has my database driven pie chart on top and a modified version of the sample below it. The bottom chart shows little square blocks to the left of the legend. The database driven chart on the top shows tiny blocks - you may need to zoom to see them....

I assume this is a bug?

Regards

Jon

<telerik:RadHtmlChart runat="server" ID="RadHtmlChart2" Width="765px" Height="135px" Transitions="true" Skin="Forest" DataSourceID="SqlDataSource1" >

<PlotArea >

<Series>

<telerik:PieSeries DataFieldY="TaskCount" NameField="TaskType" ></telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="765px" Height="135px" Transitions="true" Skin="Forest" >

<PlotArea >

<Series>

<telerik:PieSeries >

<Items>

<telerik:SeriesItem BackgroundColor="#ff9900" Exploded="true" Name="Internet Explorer" YValue="18.3"></telerik:SeriesItem>

<telerik:SeriesItem BackgroundColor="#cccccc" Exploded="false" Name="Firefox" YValue="35.8"></telerik:SeriesItem>

<telerik:SeriesItem BackgroundColor="#999999" Exploded="false" Name="Chrome" YValue="38.3"></telerik:SeriesItem>

<telerik:SeriesItem BackgroundColor="#666666" Exploded="false" Name="Safari" YValue="4.5"></telerik:SeriesItem>

<telerik:SeriesItem BackgroundColor="#333333" Exploded="false" Name="Opera" YValue="2.3"></telerik:SeriesItem>

</Items>

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

Chart (HTML5)

answered on 03 Sep 2018

3 answers

288 views

radgrid automatically move to next page using timer

I have radgrid with some data and timer, I want to move next page automatically in radgrid every 5 second and then back to first page when meet the last page.

How do I set this radgrid automatically move next page?

Below is my aspx page:

ASPX:
</telerik:RadAjaxLoadingPanel> <asp:Timer ID="Timer1" runat="server" Interval="5000">
</asp:Timer>

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="-1" DataSourceID="SqlDataSource1" GridLines="Both"     GroupPanelPosition="Top" Skin="BlackMetroTouch" Width="100%" Height="800px" AllowPaging="True" >
        <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
            <Columns>
                <telerik:GridBoundColumn DataField="ID_Mesin" FilterControlAltText="Filter ID_Mesin column" HeaderText="ID_Mesin" SortExpression="ID_Mesin" UniqueName="ID_Mesin">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Tanggal_Laporan" DataType="System.DateTime" FilterControlAltText="Filter Tanggal_Laporan column" HeaderText="Tanggal_Laporan" SortExpression="Tanggal_Laporan" UniqueName="Tanggal_Laporan">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Lokasi" FilterControlAltText="Filter Lokasi column" HeaderText="Lokasi" SortExpression="Lokasi" UniqueName="Lokasi">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Pelapor" FilterControlAltText="Filter Pelapor column" HeaderText="Pelapor" SortExpression="Pelapor" UniqueName="Pelapor">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Keterangan_Pelapor" FilterControlAltText="Filter Keterangan_Pelapor column" HeaderText="Keterangan_Pelapor" SortExpression="Keterangan_Pelapor" UniqueName="Keterangan_Pelapor">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Tanggal_Diterima" DataType="System.DateTime" FilterControlAltText="Filter Tanggal_Diterima column" HeaderText="Tanggal_Diterima" SortExpression="Tanggal_Diterima" UniqueName="Tanggal_Diterima">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Nama_Penerima" FilterControlAltText="Filter Nama_Penerima column" HeaderText="Nama_Penerima" SortExpression="Nama_Penerima" UniqueName="Nama_Penerima">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Keterangan_Penerima" FilterControlAltText="Filter Keterangan_Penerima column" HeaderText="Keterangan_Penerima" SortExpression="Keterangan_Penerima" UniqueName="Keterangan_Penerima">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Tanggal_Selesai" DataType="System.DateTime" FilterControlAltText="Filter Tanggal_Selesai column" HeaderText="Tanggal_Selesai" SortExpression="Tanggal_Selesai" UniqueName="Tanggal_Selesai">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Mesin_Stop" FilterControlAltText="Filter Mesin_Stop column" HeaderText="Mesin_Stop" SortExpression="Mesin_Stop" UniqueName="Mesin_Stop">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Tindakan" FilterControlAltText="Filter Tindakan column" HeaderText="Tindakan" SortExpression="Tindakan" UniqueName="Tindakan">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Status" FilterControlAltText="Filter Tindakan column" HeaderText="Status" SortExpression="Status" UniqueName="Status">
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Scrolling AllowScroll="True" UseStaticHeaders="true" />
        </ClientSettings>
</telerik:RadGrid>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ePMPConnectionString %>" SelectCommand="SELECT * FROM [DetailProblem]"></asp:SqlDataSource>

Grid

answered on 03 Sep 2018

5 answers

689 views

DropDownAutoWidth makes the drop down narrower if it's width is smaller than the combobox

First off, I'm ecstatic that this has been developed... a step in the right direction! However, I have one tiny suggestion and it's purely from a UI perspective.

I think if the calculated drop down width is less than the RadComboBox width, it should "default" to the RadComboBox width. If you view my attachment (the too short one), you'll see what happens.

I love that this is done on the client side and would really love to know if there's a work around. Otherwise, I think I'm going to use my "in house" method which is done via server side (and isn't as efficient). This isn't code completely written by me, but I'll post what I currently have in case there are any suggested workarounds or if others are interested.

I have a general utility that calculates the width of text:

public static int TextWidth(string text, string fontName = "Segoe UI", float fontSize = 15)

{

using (var textBitmap = new Bitmap(1, 1))

{

using (var drawGraphics = Graphics.FromImage(textBitmap))

{

using (var drawFont = new System.Drawing.Font(fontName, fontSize, GraphicsUnit.Pixel))

{

return Convert.ToInt32(drawGraphics.MeasureString(text, drawFont).Width);

}

And then I have an extension method:

public static Unit AutoDropDownWidth(this RadComboBox comboBox)

{

var rcbWidth = Utilities.TextWidth(comboBox.Items.OrderByDescending(i => i.Text.Length).Take(1).Select(i => i.Text).First());

return rcbWidth <= comboBox.Width.Value ? comboBox.Width : rcbWidth;

}

So, in my code behind I just have something like:
rcbSalesReps.DropDownWidth = rcbSalesReps.AutoDropDownWidth();

Just something to consider. To me, if I look at the attachments, I think the "just right" version looks much better than the "too short" one.

I'm open to any ideas or suggestions!

Thanks,
Andrew

ComboBox

answered on 03 Sep 2018

5 answers

150 views

Image Manager window broken

In the latest build, Telerik.Web.UI is version 2018.2.710.45, the image manager, media manager and few other popup windows open to the right size and then go 100% in hight or more.

Using Chrome, you can see this happening the ribbon sample in the product demos. Go to https://demos.telerik.com/aspnet-ajax/controls/examples/integration/ribbonbarandeditor/defaultcs.aspx?product=editor and then click Insert followed by Image Manager. You will see it open to the correct size and then grow in height when the contents are displayed.

In my project, it grows to 100% with a strange pink striped line at top and bottom, the online product sample goes even bigger than 100% (probably a skin thing).

On every build I get, I check the image manager to see what it is doing this time and if it working right since it gets broken all the time.

Please fix and TEST properly for the next build. I do not look forward to putting out my web app with this defect.

George

Editor

answered on 03 Sep 2018

1 answer

100 views

RadConfirm Buttons outside of window

Our application on our development environment is on the latest version of ASP.NET AJAX controls (2018.2.710). Production is on version 2018.2.516.

The RadConfirm OK and CANCEL buttons are outside the window. Please see attached. Is this something wrong in the latest version?

Window

answered on 01 Sep 2018

1 answer

407 views

Set Default Insert Values in Batch Mode

Hi

I had a RadGrid with EditMode as InPlace which was working properly.Now I am trying to change it to Batch Mode.
The issue is with the click of Add New Button I need to set the default values which are populated from database .
Previously when the Grid was in InPlace mode the ItemCommand used to do that work with the command name InitInsertCommand but with Batch EditMode this don't seem to work.
Please tell me how to achieve this

Grid

answered on 01 Sep 2018

5 answers

256 views

RadGrid namespace is undefined

Hi telerik Team,

We are using the old RadControls Q42006 version and we are planning to migrate the telerik controls to 2010 version. Before migrate i download the new controls 2010 version and i applied for my application. After i applied new telerik.web.ui, ASP NET chart images are not displaying in the page and also am using telerik grid old version in the same page. am always got the javascript error "RadGrid namespace" is undefined.

Here i post the my aspx page coding.
Please advise me after i apply the new telerik controls why i can't use telerik grid in between <Asp:view></Asp:View> and also why I cant able to see my chart images. Is there any changes I need to do.

Can i use RadAjax Manager is 2010 version and RadGrid is my old version. Because in master page am using Rad Ajax Manager 2010 version. The below child page am using old version Rad grids. And I so wonder why I cant see ASPNET chart images.

If i apply the new controls, did i need to change my whole application to new controls?

Please reply me ASAP.

ASPX Code :

<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="ActivationDetails.aspx.cs"
Inherits="RR_Web.ActivationDetails" Title="Activation Details" %>

<%@ Register Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="radG" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table cellpadding="5">
<tr>
    <td rowspan="3" width="20%" valign="top" class="detsTblBg">
        <table width="100%" cellpadding="4">
            <tr><td><asp:LinkButton ID="lnkGeneral" runat="server" OnClick="lnkGeneral_Click" skinID="lnkBtn">General Information</asp:LinkButton></td> </tr>
            <tr><td><asp:LinkButton ID="lnkActResult" runat="server" OnClick="lnkActResult_Click" skinID="lnkBtn">Activation Results</asp:LinkButton></td></tr>
            <tr><td><asp:LinkButton ID="lnkSMSDetails" runat="server" OnClick="lnkSMSDetails_Click" skinID="lnkBtn">SMS Details</asp:LinkButton></td></tr>
            <tr><td><asp:LinkButton ID="lnkVoiceDetails" runat="server" OnClick="lnkVoiceDetails_Click" skinID="lnkBtn">Voice Details</asp:LinkButton></td></tr>
        </table>
    </td>
    <td width="80%">
        <asp:MultiView ID="multiViewActDetails" runat="server" ActiveViewIndex="0">
            <asp:View ID="View1" runat="server">
                <table cellpadding="3">
                    <tr><td> <asp:Label runat="server" Text="General Information" SkinID="sideHead"></asp:Label> </tr>
                    <tr>
                        <td>
                            <asp:Label ID="Label2" runat="server" Font-Bold="true" Text="Activation ID"></asp:Label>
                        </td>
                        <td>
                            <asp:Label ID="lblID" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="lbl2" Text="Activation Name" runat="server" Font-Bold="true"></asp:Label></td>
                        <td><asp:Label ID="lblActName" runat="server"></asp:Label></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="Label5" Text="Created By" runat="server" Font-Bold="true"></asp:Label></td>
                        <td><asp:Label ID="lblCreatedBy" runat="server"></asp:Label></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="Label12" Text="Started" runat="server" Font-Bold="true"></asp:Label></td>
                        <td><asp:Label ID="lblStarted" runat="server"></asp:Label></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="lblExpiringOn" Text="Expiring On" runat="server"
                                Font-Bold="true"></asp:Label>
                            <asp:Label ID="lblCompletedOn" runat="server" Font-Bold="true" Text="Completed"></asp:Label>
                        </td>
                        <td><asp:Label ID="lblExpireComplete" runat="server"></asp:Label></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="lbl2a" Text="Status" Font-Bold="true" runat="server"></asp:Label>
                        </td>
                        <td><asp:Label ID="lblStatus" runat="server"></asp:Label></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="Label3" Text="SMS Text" runat="server" Font-Bold="true"></asp:Label></td>
                        <td><asp:Label ID="lblSMSText" runat="server"></asp:Label></td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="Label6" Text="Announcement File" runat="server" Font-Bold="true"></asp:Label></td>
                        <td>
                            <asp:HyperLink ID="lblVoiceMsg" runat="server" Text="Play"></asp:HyperLink>
                        </td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="Label13" Text="Acknowledgement File   " runat="server"
                                Font-Bold="true"></asp:Label></td>
                        <td><asp:HyperLink runat="server" ID="lblAckMsg" Text="Play"></asp:HyperLink></td>
                    </tr>
                </table>
            </asp:View>



            <asp:View ID="View2" runat="server">
                <table cellpadding="3">
                    <tr>
                        <td><asp:Label ID="Label14" runat="server" Text="Activation Results" SkinID="sideHead"></asp:Label></td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblNumRecp" runat="server" Text="0" Visible="false"></asp:Label>
                            <asp:Label ID="lblNumAck" runat="server" Text="0" Visible="false"></asp:Label>
                            <asp:Label ID="lblPctAck" runat="server" Text="0" Visible="false"></asp:Label>
                            <asp:Label ID="lblNumNonResp" runat="server" Text="0" Visible="false"></asp:Label>
                            <asp:Label ID="lblPctNonResp" runat="server" Text="0" Visible="false"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td><asp:Label ID="Label11" Text="Total Call Time" runat="server" Font-Bold="true"></asp:Label>    
                            <asp:Label ID="lblTotalCallTime" runat="server" Text="0"></asp:Label>sec</td>
                    </tr>
                    <tr>
                        <td colspan="2" align="left">
                            <table cellpadding ="4">
                            <tr>
                            <td align="left" valign="top">
                                    <asp:Chart ID="Chart1" runat="server" SkinID="chartSkin">
                                            <Series>
                                                <asp:Series Name="Series1">
                                                </asp:Series>
                                            </Series>
                                            <ChartAreas>
                                                <asp:ChartArea Name="ChartArea1">
                                                </asp:ChartArea>
                                            </ChartAreas>
                                     </asp:Chart>
                            </td>
                            <td align="left" valign="top">
                                    <asp:Chart ID="Chart2" runat="server" SkinID="chartSkin" Width="500px">
                                            <Series>
                                                <asp:Series Name="Series1">
                                                </asp:Series>
                                            </Series>
                                            <ChartAreas>
                                                <asp:ChartArea Name="ChartArea1">
                                                </asp:ChartArea>
                                            </ChartAreas>
                                     </asp:Chart>
                            </td>
                            </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                    <td align="left" valign="top">
                                    <asp:Chart ID="Chart3" runat="server" SkinID="chartSkin" Width="500px" Height="400px">
                                            <Series>
                                                <asp:Series Name="Series1">
                                                </asp:Series>
                                            </Series>
                                            <ChartAreas>
                                                <asp:ChartArea Name="ChartArea1">
                                                </asp:ChartArea>
                                            </ChartAreas>
                                     </asp:Chart>

                                     <asp:Label ID="lblNumSMS_Att1" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumSMS_Att2" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumSMS_Att3" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumSMS_Ack" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumIVR_Att1" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumIVR_Att2" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumIVR_Att3" runat="server" Text="0" Visible="false"></asp:Label>
                                     <asp:Label ID="lblNumIVR_Ack" runat="server" Text="0" Visible="false"></asp:Label>
                    </td>
                    </tr>
                </table>
            </asp:View>



            <asp:View ID="View3" runat="server">
                <table cellpadding="3">
                    <tr>
                        <td><asp:Label ID="Label15" runat="server" Text="SMS Details" SkinID="sideHead"></asp:Label></td>
                    </tr>
                    <tr height="10px">
                        <td>
                            <b>SMS Attempt 1</b></td>
                    </tr>
                    <tr> <td>
                        <radG:RadGrid ID="gridDetailsSMS_Att1" runat="server"
                            AllowFilteringByColumn="false" AllowPaging="True" AllowSorting="True"
                            AutoGenerateColumns="true" DataSourceID="RR_SMSAtt1" Font-Size="Medium"
                            GridLines="None" OnItemDataBound="RadGrid_DataBound" SkinID="myGrid">
                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="None"
                                DataSourceID="RR_SMSAtt1">
                            </MasterTableView>
                            <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
                        </radG:RadGrid>
                        </td> </tr>
                    <tr>
                        <td>
                            <b>SMS Attempt 2</b></td>
                    </tr>
                    <tr>
                        <td>
                            <radG:RadGrid ID="gridDetailsSMS_Att2" runat="server"
                                AllowFilteringByColumn="false" AllowPaging="True" AllowSorting="True"
                                AutoGenerateColumns="true" DataSourceID="RR_SMSAtt2" Font-Size="Medium"
                                GridLines="None" OnItemDataBound="RadGrid_DataBound" SkinID="myGrid">
                                <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="None"
                                    DataSourceID="RR_SMSAtt2">
                                </MasterTableView>
                                <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
                            </radG:RadGrid>
                        </td>
                    </tr>
                    <tr> <td> <b>SMS Attempt 3</b></td> </tr>
                    <tr>
                        <td valign="top">
                            <radG:RadGrid ID="gridDetailsSMS_Att3" runat="server"
                                AllowFilteringByColumn="false" SkinID="myGrid"
                                AllowPaging="True" AllowSorting="True" Font-Size="Medium"
                                GridLines="None" AutoGenerateColumns="true" DataSourceID="RR_SMSAtt3"
                                OnItemDataBound="RadGrid_DataBound">
                                <MasterTableView CommandItemDisplay="None" AutoGenerateColumns="true"
                                    DataSourceID="RR_SMSAtt3">
                                </MasterTableView>
                                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
                            </radG:RadGrid>
                        </td>
                    </tr>
                     <tr>
                         <td>
                             <b>SMS Acknowledgement</b></td>
                    </tr>
                    <tr> <td>
                        <radG:RadGrid ID="gridDetailsSMSAck" runat="server"
                            AllowFilteringByColumn="false" AllowPaging="True" AllowSorting="True"
                            AutoGenerateColumns="true" DataSourceID="RR_SMSAck" Font-Size="Medium"
                            GridLines="None" SkinID="myGrid">
                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="None"
                                DataSourceID="RR_SMSAck">
                            </MasterTableView>
                            <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
                        </radG:RadGrid>
                        </td> </tr>
                </table>
            </asp:View>



            <asp:View ID="View4" runat="server">
                <table cellpadding="3">
                    <tr> <td><asp:Label ID="Label16" runat="server" Text="Voice Details" SkinID="sideHead"></asp:Label></td>
                    <tr>
                        <td>
                            <b>IVR Attempt 1</b>
                        </td>
                        </tr>
                    <tr> <td>
                        <radG:RadGrid ID="gridIVRAtt1" runat="server" AllowFilteringByColumn="false"
                            AllowPaging="True" AllowSorting="True" AutoGenerateColumns="true"
                            DataSourceID="RR_IVRAtt1" Font-Size="Medium" GridLines="None"
                            OnItemDataBound="RadGrid_DataBound" SkinID="myGrid">
                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="None"
                                DataSourceID="RR_IVRAtt1">
                            </MasterTableView>
                            <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
                        </radG:RadGrid>
                        </td> </tr>
                    <tr>
                        <td>
                            <b>IVR Attempt 2</b>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <radG:RadGrid ID="gridIVRAtt2" runat="server" AllowFilteringByColumn="false"
                                AllowPaging="True" AllowSorting="True" AutoGenerateColumns="true"
                                DataSourceID="RR_IVRAtt2" Font-Size="Medium" GridLines="None"
                                OnItemDataBound="RadGrid_DataBound" SkinID="myGrid" Width="600px">
                                <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="None"
                                    DataSourceID="RR_IVRAtt2">
                                </MasterTableView>
                                <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
                            </radG:RadGrid>
                        </td>
                        </tr>
                    <tr> <td> <b>IVR Attempt 3</b> </td> </tr>
                    <tr>
                        <td valign="top">
                            <radG:RadGrid ID="gridIVRAtt3" runat="server" AllowFilteringByColumn="false"
                                AllowPaging="True" SkinID="myGrid"
                                AllowSorting="True" Font-Size="Medium" Width="600px" GridLines="None"
                                AutoGenerateColumns="true" DataSourceID="RR_IVRAtt3"
                                OnItemDataBound="RadGrid_DataBound">
                                <MasterTableView CommandItemDisplay="None" AutoGenerateColumns="true"
                                    DataSourceID="RR_IVRAtt3">
                                </MasterTableView>
                                <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
                            </radG:RadGrid>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>IVR Acknowledgement</b>
                        </td>
                        </tr>
                    <tr> <td valign="top">
                        <radG:RadGrid ID="gridIVRAck" runat="server" AllowFilteringByColumn="false"
                            AllowPaging="True" AllowSorting="True" AutoGenerateColumns="true"
                            DataSourceID="RR_IVRAck" Font-Size="Medium" GridLines="None" SkinID="myGrid"
                            Width="600px">
                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="None"
                                DataSourceID="RR_IVRAck">
                            </MasterTableView>
                            <PagerStyle AlwaysVisible="true" Mode="NextPrevAndNumeric" />
                        </radG:RadGrid>
                        </td> </tr>
                    </table>
            </asp:View>
        </asp:MultiView>
    </td>
</tr>
<tr>
    <td>
        <asp:Button ID="btnBack" Text="Back" runat="server" CausesValidation="false" PostBackUrl="~/Activations.aspx" />
        <asp:Button ID="btnRefresh" Text="Refresh" Visible="true" runat="server" OnClick="btnRefresh_Click" />
    </td>
</tr>
<tr>
    <td>
        <asp:Label ID="lblError" runat="server" ForeColor="Red" Text="There is an error. Please try again."
            Visible="False" EnableViewState="false"></asp:Label>
    </td>
</tr>
</table>

    <asp:SqlDataSource ID="RR_SMSAtt1" runat="server" ConnectionString="<%$ ConnectionStrings:RRSqlServer %>"
        SelectCommand="SELECT RecipientName AS [Recipient Name], FirstSMSNumber AS [SMS Number], FirstSMSStartTime AS [Start Time], FirstSMSQueueTime AS [Queue Time], FirstSMSStatus AS [Status] FROM RR_tblActivationDetails WHERE FirstSMSStartTime IS NOT NULL AND ActivationID=@ActivationID"
        OldValuesParameterFormatString="original_{0}" OnSelected="RR_SMSAtt1_Selected">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource ID="RR_SMSAtt2" runat="server" ConnectionString="<%$ ConnectionStrings:RRSqlServer %>"
        SelectCommand="SELECT RecipientName AS [Recipient Name], SecondSMSNumber AS [SMS Number], SecondSMSStartTime AS [Start Time], SecondSMSQueueTime AS [Queue Time], SecondSMSStatus AS [Status] FROM RR_tblActivationDetails WHERE SecondSMSStartTime IS NOT NULL AND ActivationID=@ActivationID"
        OldValuesParameterFormatString="original_{0}">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource ID="RR_SMSAtt3" runat="server" ConnectionString="<%$ ConnectionStrings:RRSqlServer %>"
        SelectCommand="SELECT RecipientName AS [Recipient Name], ThirdSMSNumber AS [SMS Number], ThirdSMSStartTime AS [Start Time], ThirdSMSQueueTime AS [Queue Time], ThirdSMSStatus AS [Status] FROM RR_tblActivationDetails WHERE ThirdSMSStartTime IS NOT NULL AND ActivationID=@ActivationID"
        OldValuesParameterFormatString="original_{0}">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource OnSelected="RR_SMSAck_Selected" ID="RR_SMSAck" runat="server"
        ConnectionString="<%$ ConnectionStrings:RRSqlServer %>" SelectCommand="SELECT RecipientName AS [Recipient Name], '' AS [SMS Number], AcknowledgeSMS as [Replied Text], AcknowledgeTime AS [Acknowledge Time] FROM RR_tblActivationDetails WHERE AcknowledgeVia='S' AND ActivationID=@ActivationID">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource OnSelected="RR_IVRAtt1_Selected" ID="RR_IVRAtt1" runat="server"
        ConnectionString="<%$ ConnectionStrings:RRSqlServer %>" SelectCommand="SELECT RecipientName AS [Recipient Name], FirstIVRNumber AS [Voice Number], FirstIVRStartTime AS [Queued], FirstIVRCallTime AS [Called], FirstIVRCompleteTime AS [Completed], FirstIVRStatus AS [Status], FirstIVRTotalRetries AS [Total Retries] FROM RR_tblActivationDetails WHERE FirstIVRStartTime IS NOT NULL AND ActivationID=@ActivationID">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource ID="RR_IVRAtt2" runat="server" ConnectionString="<%$ ConnectionStrings:RRSqlServer %>"
        SelectCommand="SELECT RecipientName AS [Recipient Name], SecondIVRNumber AS [Voice Number], SecondIVRStartTime AS [Queued], SecondIVRCallTime AS [Called], SecondIVRCompleteTime AS [Completed], SecondIVRStatus AS [Status], SecondIVRTotalRetries AS [Total Retries] FROM RR_tblActivationDetails WHERE SecondIVRStartTime IS NOT NULL AND ActivationID=@ActivationID">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource ID="RR_IVRAtt3" runat="server" ConnectionString="<%$ ConnectionStrings:RRSqlServer %>"
        SelectCommand="SELECT RecipientName AS [Recipient Name], ThirdIVRNumber AS [Voice Number], ThirdIVRStartTime AS [Queued], ThirdIVRCallTime AS [Called], ThirdIVRCompleteTime AS [Completed], ThirdIVRStatus AS [Status], ThirdIVRTotalRetries AS [Total Retries] FROM RR_tblActivationDetails WHERE ThirdIVRStartTime IS NOT NULL AND ActivationID=@ActivationID">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
    <asp:SqlDataSource OnSelected="RR_IVRAck_Selected" ID="RR_IVRAck" runat="server"
        ConnectionString="<%$ ConnectionStrings:RRSqlServer %>" SelectCommand="SELECT RecipientName AS [Recipient Name], AcknowledgeNumber AS [Voice Number], AcknowledgeIVR as [Key Pressed], AcknowledgeTime AS [Acknowledge Time] FROM RR_tblActivationDetails WHERE AcknowledgeVia='V' AND ActivationID=@ActivationID">
        <SelectParameters>
            <asp:Parameter Type="String" Name="ActivationID" />
        </SelectParameters>
    </asp:SqlDataSource>
</asp:Content>

Grid

answered on 01 Sep 2018