Questions on UI for ASP.NET AJAX Forum

7 answers

171 views

Hi,
I have RadGrid with gets data from 4 different database tables using Entity Framework and LINQ with MS Framework 4.0. I have problem getting values from the EditForm controls while performing insert and Update Operations:
.aspx Mark-up:

<telerik:RadGrid ID="grdCollections" runat="server"

GridLines="None" AutoGenerateColumns="False"

OnInsertCommand="grdCollections_Insert" OnUpdateCommand="grdCollections_Update"

OnEditCommand="grdCollections_Command" AllowSorting="True"

OnDeleteCommand="grdCollections_Command" OnNeedDataSource="grdCollections_NeedDataSource"

OnCancelCommand="grdCollections_Command" OnItemDataBound="grdCollections_ItemDataBound"

PageSize="10"

>

<MasterTableView EditMode="EditForms"

CommandItemDisplay="Top"

DataKeyNames="CollectionID"

InsertItemDisplay="Bottom">

<CommandItemSettings ShowAddNewRecordButton="true" AddNewRecordImageUrl="~/Images/AddRecord.gif"

AddNewRecordText="Add New Collection Entry" >

</CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

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

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="CollectionID"

DataType="System.Int32" ReadOnly="true"

FilterControlAltText="Filter CollectionID column" HeaderText="ID"

SortExpression="CollectionID" UniqueName="CollectionID">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn FilterControlAltText="Filter CreditorID column"

UniqueName="CreditorID" DataField="CreditorID" HeaderText="*CreditorID"

Visible="true" >

</telerik:GridDropDownColumn>

<telerik:GridDropDownColumn FilterControlAltText="Filter Name column"

UniqueName="Name" DataField="Name" HeaderText="*Agency Name"

ListTextField="Name" ListValueField="CreditorID">

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="AccountNumber"

FilterControlAltText="Filter AccountNumber column" HeaderText="Account No."

SortExpression="AccountNumber" UniqueName="AccountNumber">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn FilterControlAltText="Filter RptdDate column"

DataField="RptdDate" DataType="System.DateTime" HeaderText="*Opened Date"

SortExpression="RptdDate" UniqueName="RptdDate" DataFormatString="{0:d}">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="RvsdDate" DataType="System.DateTime"

FilterControlAltText="Filter RvsdDate column" HeaderText="Date Revised"

SortExpression="RvsdDate" UniqueName="RvsdDate" DataFormatString="{0:d}">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="LastPmtDate" DataType="System.DateTime"

FilterControlAltText="Filter LastPmtDate column" HeaderText="Last Payment Date"

SortExpression="LastPmtDate" UniqueName="LastPmtDate" DataFormatString="{0:d}">

</telerik:GridDateTimeColumn>

<telerik:GridNumericColumn DataField="Amount" DataType="System.Decimal"

FilterControlAltText="Filter Amount column" HeaderText="Amount"

SortExpression="Amount" UniqueName="Amount" DataFormatString="{0:C}">

</telerik:GridNumericColumn>

<telerik:GridNumericColumn DataField="Balance" DataType="System.Decimal"

FilterControlAltText="Filter Balance column" HeaderText="Total Balance" DataFormatString="{0:C}"

SortExpression="Balance" UniqueName="Balance">

</telerik:GridNumericColumn>

<telerik:GridEditCommandColumn FilterControlAltText="Filter EditCommandColumn column">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete"

FilterControlAltText="Filter column1 column" Text="Delete" UniqueName="column1">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<table width="580px">

<tr>

<td style="width:19%; text-align:right;">

<asp:Label ID="lblEditAgency" runat="server" Text="*Agency:"></asp:Label>

</td>

<td style="width:1%;">

</td>

<td style="width:80%;">

<telerik:RadComboBox ID="cmbCreditors" runat="server"

DataTextField="Name" DataValueField="CreditorID"

DropDownWidth="440px" Height="150px"

EmptyMessage="Select the name of the collection agency. If the agency is not on the list, click Add New">

<HeaderTemplate>

<table style="width: 440px" cellspacing="0" cellpadding="0">

<tr>

<td style="width:30px">ID

</td>

<td style="width:120px">Agency Name

</td>

<td style="width:140px">Address

</td>

<td style="width:75px">Phone

</td>

<td style="width:75px">Fax

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 440px" cellspacing="0" cellpadding="0">

<tr>

<td style="width:30px"><%# DataBinder.Eval(Container.DataItem, "CreditorID")%>

</td>

<td style="width:120px"><%# DataBinder.Eval(Container.DataItem, "Name")%>

</td>

<td style="width:140px"><%# DataBinder.Eval(Container.DataItem, "Address")%>

</td>

<td style="width:75px"><%# DataBinder.Eval(Container.DataItem, "Phone")%>

</td>

<td style="width:75px"><%# DataBinder.Eval(Container.DataItem, "Fax")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

<asp:Button ID="Button3" Text="Add Agency" runat="server" OnClientClick="radbtnAddAgency(); return false;">

</asp:Button>

</td>

</tr>

<tr>

<td style="text-align:right;">

<asp:Label ID="Label2" runat="server" Text="*Opened Date:"></asp:Label>

</td>

<td>

</td>

<td>

<telerik:RadDatePicker ID="DtPickerOpenedDate" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td style="text-align:right;">

<asp:Label ID="Label1" runat="server" Text="*Revised Date:"></asp:Label>

</td>

<td>

</td>

<td>

<telerik:RadDatePicker ID="DtPickerRevisedDate" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td style="text-align:right;">

<asp:Label ID="Label4" runat="server" Text="Account Number:"></asp:Label>

</td>

<td>

</td>

<td>

<telerik:RadTextBox ID="txtAccNumber" runat="server" Width="200px" EmptyMessage="Enter the internal account number if applicable">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td style="text-align:right;">

<asp:Label ID="Label5" runat="server" Text="Last Payment Date:"></asp:Label>

</td>

<td>

</td>

<td>

<telerik:RadDatePicker ID="DtPickerLastPaymentDate" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td style="text-align:right;">

<asp:Label ID="Label6" runat="server" Text="Debt Amount:"></asp:Label>

</td>

<td>

</td>

<td>

<telerik:RadNumericTextBox ID="txtDebtAmount" runat="server" Width="70px" Type="Currency" EmptyMessage="Click here to enter amount">

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td style="text-align:right;">

<asp:Label ID="Label7" runat="server" Text="Total Balance:"></asp:Label>

</td>

<td>

</td>

<td>

<telerik:RadNumericTextBox ID="txtTotalBalance" runat="server" Width="70px" Type="Currency" EmptyMessage="Click here to enter amount">

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td colspan="3">

<asp:Button ID="btnSave" Text='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "PerformInsert" : "Update" %>'>

</asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<ClientSettings>

<ClientEvents OnCommand="RaiseCommand" />

</ClientSettings>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

Code behind:

protected void grdCollections_Insert(object sender, GridCommandEventArgs e)

{

GridEditFormInsertItem insItem = e.Item as GridEditFormInsertItem;

//GridEditableItem editItem = e.Item.OwnerTableView.GetInsertItem();

int AgentId = 0;

RadComboBox cmb = insItem.FindControl("cmbCreditors") as RadComboBox;

//cmb shows null

if ((cmb != null) && (cmb.DataSource != null))

{

AgentId = Convert.ToInt32(cmb.SelectedValue);

}

//txtAmt shows null

RadTextBox txtAmt = insItem.FindControl("txtDebtAmount") as RadTextBox;

}

protected void grdCollections_Update(object sender, GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

int AgentId = 0;

RadComboBox cmb = editedItem.FindControl("cmbCreditors") as RadComboBox;

//cmb shows null

if ((cmb != null) && (cmb.DataSource != null))

{

AgentId = Convert.ToInt32(cmb.SelectedValue);

}

//txtAmt shows null

RadTextBox txtAmt = editedItem.FindControl("txtDebtAmount") as RadTextBox;

}

Can you please tell me whats am I doing wrong here ?

Thanks

Tejas

Grid

answered on 20 Apr 2011

3 answers

187 views

Adding Bulleted list button

When I add the bulleted list button to the ascx page the button will not show up. I even added an existing button thinking this version did not support the bulleted button but this did not work.

<div id="editor" class="input">

<telerik:RadEditor ID="txtText" runat="server" Height="200px" Width="400px" ToolTip="Enter a body" EnableEmbeddedSkins="false">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorTool Name="FontName" />

<telerik:EditorTool Name="FontSize" />

<telerik:EditorTool Name="ForeColor" />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="Bold" />

</telerik:EditorToolGroup>

</Tools>

<Content>

</Content>

</telerik:RadEditor>

</div>

But when I add it in code, it does show up, why?

if (!IsPostBack)

{

EditorToolGroup main = new EditorToolGroup();

txtText.Tools.Add(main);

EditorTool InsertUnorderedList = new EditorTool();

InsertUnorderedList.Name = "InsertUnorderedList";

main.Tools.Add(InsertUnorderedList);

}

We want to be able to add it in the ascx markup.

Editor

answered on 20 Apr 2011

1 answer

100 views

Name property doest work

When i apply any name property to the controls, it doesn't set to the controls..
So that i cant work with radio button efficiently...
give me some solution pls....

Editor

answered on 20 Apr 2011

1 answer

118 views

RadAjaxLoadingPanel does work after the first click

I have 5 tabs and each one load a web user control. I used RadTabStrip and RadMultiPage controls. my problem is that RadAjaxLoadingPanel only works in the first click but when I click for second time in any tab, this does not work. How can I show the loading image each time the user clicks a tab and needs to wait for being loading the user control?

<%

--<telerik:RadScriptManager ID="ScriptManager1" runat="server" />--%>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<telerik:AjaxSetting AjaxControlID="rtsBooks">

<telerik:AjaxUpdatedControl ControlID="rmpTreeviews" LoadingPanelID="ralpnlProgress"/>

<telerik:AjaxUpdatedControl ControlID="rtsBooks" LoadingPanelID="ralpnlProgress"/>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rmpTreeviews">

<telerik:AjaxUpdatedControl ControlID="rmpTreeviews" LoadingPanelID="ralpnlProgress"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<

telerik:RadAjaxLoadingPanel ID="ralpnlProgress" runat="server" Transparency="20">

</

telerik:RadAjaxLoadingPanel>

<%

--OnTabClick="RadTabStrip1_TabClick" --%>

<telerik:RadTabStrip ID="rtsBooks" runat="server" Skin="" OnTabClick="rtsBooks_TabClick"

MultiPageID="rmpTreeviews" Width="100%" Height="25" >

<Tabs>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/HomeButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/WhiteButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/RedButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/BlueButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/YellowButton.png">

</telerik:RadTab>

<telerik:RadTab runat="server" ImageUrl="~/_layouts/NIAMS.UCTreeview/Images/GreenButton.png">

</telerik:RadTab>

</Tabs>

</

telerik:RadTabStrip>

<

div id="rightMenu" style="text-align: right; width: 950px;">

<div><asp:HyperLink ID="lnkPrint" Width="900" runat="server" NavigateUrl="~/projects/bb/WebPartPage/FullTableOfContentsBB.aspx" Target="_blank">Preview Full E-Briefing Book Table of Contents</asp:HyperLink></div>

</

div>

<telerik:RadMultiPage ID="rmpTreeviews" runat="server" SelectedIndex="0" CssClass="multiPage" RenderSelectedPageOnly="True">

<telerik:RadPageView ID="rdvHome" runat="server" width="980px">

<uc2:UCHome ID="UCHome1" runat="server" />

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvWhite" runat="server" width="998px">

<asp:PlaceHolder ID="phWhite" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvRed" runat="server" width="998px">

<asp:PlaceHolder ID="phRed" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvBlue" runat="server" width="998px">

<asp:PlaceHolder ID="phBlue" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvYellow" runat="server" width="998px">

<asp:PlaceHolder ID="phYellow" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvGreen" runat="server" width="998px">

<asp:PlaceHolder ID="phGreen" runat="server"></asp:PlaceHolder>

</telerik:RadPageView>

</telerik:RadMultiPage>

<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Textarea" />

Ajax

answered on 20 Apr 2011

2 answers

121 views

RadComboBox height incorrect when text is too wide

I have a RadComboBox that looks fine as long as the text for the items is not wider than the width of the combobox control. If the text overflows though, not only does a horizontal scrollbar appear on the control (which is okay), but the dropdown is shortened to a single line long so that choosing an item requires extensive scrolling. Is there some way to prevent this behavior so the height of the control is not wrong in this situation?

Thanks!

ComboBox

answered on 20 Apr 2011

15 answers

139 views

Coverflow and IE9

Just wondering if there is a fix for Coverflow for the Rotator in IE9.
It was working fine in my website before in IE8 and Firefox, but now with IE9 it stuffs up as in attached images.

Ideas? I've got the latest release of Telerik tools.

The demo site for the Rotator appears fine within IE9 too.

code below.

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

<!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></title>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadRotator ID="RadRotator1" runat="server" RotatorType="Coverflow" Width="500px"

OnClientItemShown="" Skin="Vista">

<ItemTemplate>

<asp:Image ID="Image1" runat="server" Height="100px" Width="200px" ImageUrl='<%# Container.DataItem %>'

AlternateText="<%# VirtualPathUtility.GetFileName(Container.DataItem.ToString()) %>"

BorderStyle="Solid" BorderWidth="4px" BorderColor="Black" />

</ItemTemplate>

</telerik:RadRotator>

</div>

</form>

</body>

</html>

protected void Page_Load(object sender, EventArgs e)

{

RadRotator1.RotatorType = Telerik.Web.UI.RotatorType.CoverFlow;

RadRotator1.DataSource = GetFilesInFolder("~/Images/HomeRotator");

RadRotator1.DataBind();

}

protected List<string> GetFilesInFolder(string folderVirtualPath)

{

string physicalPathToFolder = Server.MapPath(folderVirtualPath);// Get the physical path

string[] physicalPathsCollection = System.IO.Directory.GetFiles(physicalPathToFolder);// Get all child files of the given folder

List<string> virtualPathsCollection = new List<string>();// Contains the result

foreach (String path in physicalPathsCollection)

{

// The value of virtualPath will be similar to '~/PathToFolder/Image1.jpg

string virtualPath = VirtualPathUtility.AppendTrailingSlash(folderVirtualPath) + System.IO.Path.GetFileName(path);

virtualPathsCollection.Add(virtualPath);

}

return virtualPathsCollection;

}

Rotator

answered on 20 Apr 2011

4 answers

117 views

Font settings for AutoGenerated EditTemplate

I have a RadGrid that is using AutoGenerated templates for INSERT and UPDATE.

Whether it is EditMode="InPlace" or not, how do you change the TextBox or control's widths and their fonts?

Currently the EditMode property is not set which defaults to an Edit Template. I am just not sure how to get that template and it's controls to alter their styles.

Thanks

Grid

answered on 20 Apr 2011

2 answers

62 views

Display problem - Editor is not recognizable - Styles Problem?

Hello,

I have a few RadEditors in their respective EditTemplates in a RadGrid. When the Edit template shows the RadEditor is not recognizable. It is as though the styles are not present. Simalar to when you load a page that is using .css but the page cannot find it and it loads all wacky with no layout.

This problem showed up a couple of weeks ago. I am not sure how it was fixed but it stopped and now is back. It might be a JavaScript error but since I have had them working I have not changed anythign relevant to the RadEditors in teh project.

I have tried commenting out the RadEditor in question and just placing a new RadEditor tag in the markup beside it, setting the name to the same ID and the runat property to server. The result is the same. No event handlers or modifications, just a factory RadEditor tag and the problem persists. There is two other RadEditors in EditTemplates of adjacent RadGrids and they are all not working.

Tried clearing cache, rebooting etc.
One other thing that is probably related is that there are two RadDatePickers on the form and the calendar styles seem to be not present as well.

The links below are screen shots. The RadEditor should be to the right of the Green Div that displays the edit controls. All you see are a series of dots and slashes in a vertical column. The second images shows a few of the editor's links as links that should be buttons. Those are located in the center of the images. It overlays the RadGrid rows beneath it.

Thanks for any help. It is driving me crazy.
Reid

http://www.agoware.com/RadEditorImg1.JPG
http://www.agoware.com/RadEditorImg2.JPG

Editor

answered on 20 Apr 2011

1 answer

114 views

Codebehind javascript confirm box

HI

I have 2 textboxes and a button.
On click of button in codebehind I am saving the value of textbox into databaSE.
Before saving I am just checking whether value is there in db or not.
If it is there I am sending a value to the front end to indicate that record already present.
I want to show a confirm box to the user to choose yes or no
If he is choosing yes the transaction should update the record and if no nothing should happen.
After checking the value present or not How to bring the confirm box in the codebehind?

Regards
Sreedhar Ambati

General Discussions

answered on 20 Apr 2011

1 answer

93 views

IFrame inside dock unable to move dock

I have an iframe like this:
<div style="position: absolute; left: 25%; right: 20%; top:-50px; clip:rect(120px 770px 655px 60px);">
<iframe id="mainFrame" src="http://<IPAddress>/" scrolling="no" style="width:920px;height:700px;border:0px solid #000; " />

I put it inside a user control and the user control inside a raddock. When I run the page (IE) i cannot undock or move the docks. I remove the iframe by comment it out and all works well. I need the iframe so i can do the clipping of the destination page.

Dock

answered on 20 Apr 2011