Questions on UI for ASP.NET AJAX Forum

110,785 questions

2 answers

81 views

Fixed DateHeaders

How can I keep the date header in TimelineView fixed? i.e. so that it doesn't scroll vertically with the content.

When there are many rows, you scroll down and the header disappears so then you can't see the dates for each column.

Scheduler

answered on 08 Jan 2013

1 answer

64 views

filter radgrid

how can i filter a radgrid using a radcombobox?

Grid

answered on 08 Jan 2013

1 answer

134 views

persist the checkbox

How to persist the checkbox the radgrid after postback?

Grid

answered on 08 Jan 2013

1 answer

174 views

RadAsyncUpload files not uploading for first time

Santhosh

Hi,

I Am using RadAsyncUpload , when i first time open the page and upload at that time it will hung and it will not upload.If i refresh the page and upload then it will upload Properly.Another issue is i am using inside RadWindow RadAsyncUpload,but when i scroll down radwindow, RadAsyncUpload control is also moving with that.please please help,its Very very urgent.

Here is My Code:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>AFE Addattachment</title>
    <%--<style type="text/css">
        .ruUploadProgress, li .ruCancel, li .ruRemove
        {
            visibility:visible;
        }
        li.ruUploading
        {
            height:1px;
        }
    </style>--%>
</head>
<body>
    <form id="form1" runat="server">
    <%--<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>--%>
    <telerik:RadScriptManager ID="RadScriptManager2" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Outlook" />
    <%--<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All"
        EnableRoundedCorners="false" />--%>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <script type="text/javascript">
        function ClientFileSelected(source, eventargs) {
            var button = $find("<%= SubmitButton.ClientID %>");
            var button1= $find("<%= ExitButton.ClientID %>");
             button.set_enabled(true)
             button1.set_enabled(true)
             //$telerik.$(args.get_row()).addClass("ruUploading");
             }

//             var xPos, yPos;
//      var prm = Sys.WebForms.PageRequestManager.getInstance();

//      function BeginRequestHandler(sender, args) {
//        if ($get('<%=RadUpload1.ClientID%>') != null) {
//          // Get X and Y positions of scrollbar before the partial postback
//          xPos = $get('<%=RadUpload1.ClientID%>').scrollLeft;
//          yPos = $get('<%=RadUpload1.ClientID%>').scrollTop;
//        }
//     }

//     function EndRequestHandler(sender, args) {
//         if ($get('<%=RadUpload1.ClientID%>') != null) {
//           // Set X and Y positions back to the scrollbar
//           // after partial postback
//           $get('<%=RadUpload1.ClientID%>').scrollLeft = xPos;
//           $get('<%=RadUpload1.ClientID%>').scrollTop = yPos;
//         }
//     }

//     prm.add_beginRequest(BeginRequestHandler);
//     prm.add_endRequest(EndRequestHandler);

//var xPos, yPos;
//    var prm = Sys.WebForms.PageRequestManager.getInstance();
//    prm.add_beginRequest(BeginRequestHandler);
//    prm.add_endRequest(EndRequestHandler);
//    function BeginRequestHandler(sender, args) {
//        xPos = $get('RadUpload1').scrollLeft;
//        yPos = $get('RadUpload1').scrollTop;
//    }
//    function EndRequestHandler(sender, args) {
//        $get('RadUpload1').scrollLeft = xPos;
//        $get('RadUpload1').scrollTop = yPos;
//    }
        </script>

    </telerik:RadCodeBlock>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Panel ID="Panel1" runat="server" Height="300">
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
                    <Windows>
                        <telerik:RadWindow ID="RadWindow1" runat="server" Width="750" Height="300" RestrictionZoneID="RestrictionZoneID"
                            Behaviors="None" VisibleOnPageLoad="true" EnableShadow="true" Title="AFE AddAttachment">
                            <ContentTemplate>
                                <table>
                                    <tr>
                                        <td style="width: 60%" align="left">
                                            <asp:Label ID="AfeNum" runat="server" Text="AFENumber:"></asp:Label>
                                            <asp:TextBox ID="AFENUMBER" runat="server" Enabled="false" OnTextChanged="TextBox1_TextChanged"
                                                Font-Bold="true"></asp:TextBox>
                                        </td>
                                        <td align="right">
                                            <asp:Label ID="Label2" runat="server" Text="WellName:"></asp:Label>
                                            <asp:TextBox ID="WName" runat="server" Width="150px" Enabled="false" OnTextChanged="TextBox2_TextChanged"
                                                Font-Bold="true"></asp:TextBox>
                                        </td>
                                    </tr>
                                </table>
                                <table>
                                    <tr>
                                        <td style="width: 60%" align="left">
                                            Source File To Upload:
                                        </td>
                                        <td align="right" style="width: 19.5%">
                                            Document Type:
                                        </td>
                                    </tr>
                                </table>
                                <table>
                                    <tr>
                                        <td align="left">
                                            <div>
                                                <telerik:RadProgressManager runat="server" ID="RadProgressManager1" />
                                                <telerik:RadAsyncUpload runat="server" ID="RadUpload1" MultipleFileSelection="Automatic"
                                                    Localization-Select="Choose File" InputSize="55" OnClientFileSelected="ClientFileSelected" />
                                                <telerik:RadProgressArea runat="server" ID="RadProgressArea1" />
                                            </div>
                                        </td>
                                        <td align="char" style="width: 73%">
                                            <asp:DropDownList ID="DropDownList1" runat="server" Width="130px">
                                                <asp:ListItem>AFE</asp:ListItem>
                                                <asp:ListItem>Completion</asp:ListItem>
                                                <asp:ListItem>Drilling</asp:ListItem>
                                                <asp:ListItem Selected="True">General</asp:ListItem>
                                                <asp:ListItem>Geology</asp:ListItem>
                                                <asp:ListItem>Land</asp:ListItem>
                                                <asp:ListItem>Logs</asp:ListItem>
                                                <asp:ListItem>Marketing</asp:ListItem>
                                                <asp:ListItem>Permits</asp:ListItem>
                                                <asp:ListItem>Pipeline</asp:ListItem>
                                                <asp:ListItem>Regulatory</asp:ListItem>
                                                <asp:ListItem>Reserves</asp:ListItem>
                                                <asp:ListItem>Reservoir</asp:ListItem>
                                                <asp:ListItem>WellReports</asp:ListItem>
                                                <asp:ListItem>WBS</asp:ListItem>
                                                <asp:ListItem>Survey</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                        <td align="right">
                                            <telerik:RadButton runat="server" ID="SubmitButton" Text="Upload files" Enabled="false"
                                                OnClick="SubmitButton_Click" />
                                            <telerik:RadButton runat="server" ID="ExitButton" Text="Exit" Enabled="true" OnClick="ExitButton_Click"
                                                Width="80" />
                                        </td>
                                    </tr>
                                </table>
                                <table>
                                    <tr>
                                        <td>
                                            <asp:Label ID="Label4" runat="server" Text="Upload Comments:"></asp:Label>
                                        </td>
                                        <td align="right">
                                        </td>
                                </table>
                                <table>
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="TextBox4" runat="server" Height="35px" Width="580px" OnTextChanged="TextBox4_TextChanged"></asp:TextBox>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </telerik:RadWindow>
                    </Windows>
                </telerik:RadWindowManager>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

Thank You
Santhosh

AsyncUpload

answered on 08 Jan 2013

4 answers

112 views

[Solved] Telerik Version

I would like to buy a Telerik version that support orgchart and other controls which version I can get please ?

OrgChart

answered on 08 Jan 2013

1 answer

39 views

radgrid paging problem.

hello sir
I Have A 200000 record in datatable.the datatable initalize the radgrid and page size is 100.then 100 record display then click on page number then the browser display message " Not Found WebPage.".
please solve this Problem
thenku

Grid

answered on 08 Jan 2013

4 answers

144 views

Validating Items in grid

HI,
I have a rad grid. I would like to do the following validations.
1) When the user changes the dropdown value, i want to clear the other row items.
2) when the user does not input any data in the textbox (txtTestId)and tries to insert/edit, i want to provide validation.

Below is the UI of the radgrid:

<telerik:RadGrid ID="radgrid1" runat="server" OnDeleteCommand="radgrid1_DeleteCommand"

OnInsertCommand="radgrid1_InsertCommand" OnUpdateCommand="radgrid1_UpdateCommand"

OnNeedDataSource="radgrid1_NeedDataSource" OnPreRender="radgrid1_PreRender"

CellSpacing="0" GridLines="None" ShowStatusBar="True"

onitemdatabound="radgrid1_ItemDataBound"

onitemcommand="radgrid1_ItemCommand">

<MasterTableView DataKeyNames="TestId" AutoGenerateColumns="false" EditMode="InPlace"

CommandItemSettings-ShowRefreshButton="false" CommandItemDisplay="TopAndBottom"

CommandItemSettings-AddNewRecordText="Add New">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Delete?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="100px"

ConfirmDialogWidth="220px">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn HeaderText="Enter Id" DataField="TestName"

UniqueName="TestName" Visible="true">

<ItemTemplate>

<asp:TextBox ID="txtTestName" runat="server" ReadOnly="true" Text='<%# Eval("TestName") %>' />

<asp:TextBox ID="txtTestId" ReadOnly="true" runat="server" Text='<%# Eval("TestId") %>'

Width="100px" />

</ItemTemplate>

<InsertItemTemplate>

<asp:DropDownList ID="ddlTestApp" runat="server">

<asp:ListItem Text="Java" Value="Java"></asp:ListItem>

<asp:ListItem Text="UIDesign" Value="UIDesign"></asp:ListItem>

</asp:DropDownList>

<asp:TextBox ID="txtTestId" runat="server" Width="100px"></asp:TextBox>

<asp:Button ID="btnInsertFetchData" runat="server" Text="Fetch Details" OnClick="btnInsertFetchData_Click" />

</InsertItemTemplate>

<EditItemTemplate>

<asp:DropDownList ID="ddlTestApp" runat="server" >

<asp:ListItem Text="Java" Value="Java"></asp:ListItem>

<asp:ListItem Text="UIDesign" Value="UIDesign"></asp:ListItem>

</asp:DropDownList>

<asp:TextBox ID="txtNetworkId" runat="server" Text='<%# Eval("TestId") %>'

Width="100px"></asp:TextBox>

<asp:Button ID="btnUpdateFetchData" runat="server" Text="Fetch Details" OnClick="btnUpdateFetchData_Click" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="FirstName" UniqueName="FirstName"

Visible="true" HeaderText="First Name">

<InsertItemTemplate>

<telerik:RadTextBox ID="RadtxtFirstName" runat="server" Text="" Width="100px">

</telerik:RadTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="RadtxtFirstName" runat="server" Text='<%# Eval("FirstName") %>'

Width="100px">

</telerik:RadTextBox>

</EditItemTemplate>

<ItemTemplate>

<telerik:RadTextBox ID="RadtxtFirstName" ReadOnly="true" runat="server" Text='<%# Eval("FirstName") %>'

Width="100px" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true">

</ClientSettings>

</telerik:RadGrid>

How to achieve this?
Thanks

Grid

answered on 08 Jan 2013

1 answer

117 views

Problems with the RadToolBarDropDown

I 've implemented a RadToolBar with some RadToolBarDropDown.
In IE and Firefox it works fine. Only with Google Chrome nothing happens when I click on the DropDown.
Have someone any idea whats wrong with the following code?

    <asp:Panel ID="pnlActions" CssClass="row clearfix" style="position: relative; height: 14px; margin-bottom: 15px" runat="server">
        <telerik:RadWindowManager ID="radWindowManager"
                                  Modal="true"
                                  VisibleStatusbar="false"
                                  Behaviors="Close"
                                  Height="600px"
                                  Width="600px"
                                  OnClientShow="radWindow_ClientShow"
                                  KeepInScreenBounds="true"
                                  runat="server" />

         <telerik:RadToolBar ID="rtbCultural"
                            CausesValidation="false"
                            AutoPostBack="true"
                            style="float: left"
                            Skin="D21Book"
                            EnableEmbeddedSkins="false"
                            OnButtonClick="rtbCultural_ButtonClick"
                            runat="server">
            <Items>
                <telerik:RadToolBarDropDown ImageUrl="/resources/images/flags/de-DE.gif" Text="SPRACHE [change]" />
                <telerik:RadToolBarDropDown Text="WAEHRUNG [change]" />
            </Items>
        </telerik:RadToolBar>
    </asp:Panel>

ToolBar

answered on 08 Jan 2013

1 answer

119 views

How to Debug Automatic Insert

Hi there,

is there any way i can debug (go through step by step) for automatic insert event??

the reason behind the question is that i have the following code snippet:

<telerik:RadPageView ID="pvSitePlan" runat="server">

<telerik:RadGrid ID="rgSitePlans" runat="server" CellSpacing="0" GridLines="None"

DataSourceID="edsSitePlans" AutoGenerateDeleteColumn="True" AllowAutomaticUpdates="True"

AllowAutomaticDeletes="True" Skin="WebBlue" AllowAutomaticInserts="True" AutoGenerateEditColumn="True"

AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="True" ShowFooter="true">

<MasterTableView DataSourceID="edsSitePlans" AutoGenerateColumns="False" DataKeyNames="id"

CommandItemDisplay="Top">

<CommandItemSettings AddNewRecordText="Add Site Plan" ExportToPdfText="Export to PDF">

</CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="name" FilterControlAltText="Filter name column"

HeaderText="Name" SortExpression="name" UniqueName="name">

</telerik:GridBoundColumn>

<%--<telerik:GridBoundColumn DataField="Building.name" FilterControlAltText="Filter Building column"

HeaderText="Building" SortExpression="building.name" UniqueName="building.name">

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn DataField="showInMobile" FilterControlAltText="Filter Mobile column"

HeaderText="Show In Mobile" SortExpression="showInMobile" UniqueName="showInMobile">

</telerik:GridBoundColumn>

<telerik:GridHyperLinkColumn DataTextFormatString="Edit Mapping" DataTextField="id"

DataNavigateUrlFields="id" UniqueName="editLink" DataNavigateUrlFormatString="SiteMapMapping.aspx?id={0}"

HeaderText="Edit">

</telerik:GridHyperLinkColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table cellpadding="0" cellspacing="0" class="dataView">

<tr>

<td colspan="4">

<asp:Button ID="btnInsertSitePlan" runat="server" CommandName="Insert" Text="Add" />

<asp:Button ID="Button4" runat="server" CommandName="Update" Text="Update" />

<asp:Button ID="Button5" runat="server" CommandName="Cancel" Text="Cancel" CausesValidation="false" />

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label73" runat="server" SkinID="viewDataLabel">

Name:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox21" Text='<%# Bind("name") %>' runat="server">

</asp:TextBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label19" runat="server" SkinID="viewDataLabel">

Show In Mobile:</asp:Label>

</td>

<td class="dataField">

<uc1:CheckBoxControl ID="CheckBoxControl2" runat="server" Checked='<%# Bind("showInMobile") %>' />

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label86" runat="server" SkinID="viewDataLabel">

Building:</asp:Label>

</td>

<td class="dataField">

<telerik:RadComboBox ID="RadComboBox3" runat="server" DataSourceID="edsBuildings"

DataTextField="name" DataValueField="id" SelectedValue='<%#Bind("buildingId") %>'

EmptyMessage="--Please Select--" AppendDataBoundItems="true">

<Items>

<telerik:RadComboBoxItem Text="Select a Building" />

</Items>

</telerik:RadComboBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label87" runat="server" SkinID="viewDataLabel">

Type:</asp:Label>

</td>

<td class="dataField">

<%-- <asp:TextBox ID="TextBox34" Text='<%# Bind("PlanType") %>' runat="server">

</asp:TextBox>--%>

<telerik:RadComboBox ID="rcbSitePlanType" runat="server" DataSourceID="odsSitePlan_Type"

DataTextField="Text" DataValueField="Value" AppendDataBoundItems="true" SelectedValue='<%# Bind("PlanType") %>'>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label74" runat="server" SkinID="viewDataLabel">

Refresh Frequency:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox22" Text='<%# Bind("refreshFrequency") %>' runat="server">

</asp:TextBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label75" runat="server" SkinID="viewDataLabel">

Status Transparency:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox23" Text='<%# Bind("unitTransparency") %>' runat="server">

</asp:TextBox>

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label76" runat="server" SkinID="viewDataLabel">

Image URL:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox24" Text='<%# Bind("imageUrl") %>' runat="server">

</asp:TextBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label77" runat="server" SkinID="viewDataLabel">

Unit Cell Width:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox25" Text='<%# Bind("tableCellWidth") %>' runat="server">

</asp:TextBox>

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label78" runat="server" SkinID="viewDataLabel">

Select Color:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox26" Text='<%# Bind("mobileSelectColor") %>' runat="server">

</asp:TextBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label79" runat="server" SkinID="viewDataLabel">

Available Color:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox27" Text='<%# Bind("mobileAvailableColor") %>' runat="server">

</asp:TextBox>

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label80" runat="server" SkinID="viewDataLabel">

Pre-Reserved Color:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox28" Text='<%# Bind("mobilePreReservedColor") %>' runat="server">

</asp:TextBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label81" runat="server" SkinID="viewDataLabel">

Sold Color:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox29" Text='<%# Bind("mobileSoldColor") %>' runat="server">

</asp:TextBox>

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label82" runat="server" SkinID="viewDataLabel">

Show Interest:</asp:Label>

</td>

<td class="dataField">

<uc1:CheckBoxControl ID="CheckBoxControl31" runat="server" Checked='<%# Bind("showInterest") %>' />

</td>

<td class="dataLabel">

<asp:Label ID="Label83" runat="server" SkinID="viewDataLabel">

Interest Radius:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox31" Text='<%# Bind("interestRadius") %>' runat="server">

</asp:TextBox>

</td>

</tr>

<tr>

<td class="dataLabel">

<asp:Label ID="Label84" runat="server" SkinID="viewDataLabel">

Interest Transparency:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox30" Text='<%# Bind("interestTransparency") %>' runat="server">

</asp:TextBox>

</td>

<td class="dataLabel">

<asp:Label ID="Label85" runat="server" SkinID="viewDataLabel">

Interest Color:</asp:Label>

</td>

<td class="dataField">

<asp:TextBox ID="TextBox32" Text='<%# Bind("interestColor") %>' runat="server">

</asp:TextBox>

</td>

</tr>

<tr>

<td colspan="4">

<asp:Button ID="btnInsertSitePlan2" runat="server" CommandName="Insert" Text="Add" />

<asp:Button ID="Button3" runat="server" CommandName="Update" Text="Update" />

<asp:Button ID="Button10" runat="server" CommandName="Cancel" Text="Cancel" CausesValidation="false" />

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

</telerik:RadPageView>

and i'm kinda suspicious that the insert event does not fired,

there is no onItemCommand or onEditCommand in the code behind yet the edit process is working smoothly..
can someone enlight me about this?

PivotGrid

answered on 08 Jan 2013

1 answer

183 views

Virtual scrolling and paging

Hi All,

Can i have feature like "Virtual scrolling and paging" in RadListView similar to RadGrid?
I have large amount of data to bind with ListView and it is taking too long to bind.
Is there any option for lazy binding data when user scroll within listview?(server side)

Thanks,
Dipal

ListView

answered on 08 Jan 2013

Top users last month