Questions on UI for ASP.NET AJAX Forum

1 answer

116 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

115 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

113 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

91 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

2 answers

164 views

Problem transferring between 2 databind Listboxes

Hi all,

I have two RadListBox(s) that transfer to each other. Both are populated using <ItemTemplate> and DataBind() with database data from code behind.

When I transfer one item to another, the row appears in the respective RadListBox but it does not show data. I've attached a picture with a side by side before and after.

Can anyone let me know what I'm doing wrong?

Code as below

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

<br />

<asp:Table runat="server" CssClass="form_table">

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_label_center">

<asp:Label ID="Label_Available_Terminals" runat="server" Text="Available Terminals:"

CssClass="form_span"></asp:Label>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_label_center">

<telerik:RadListBox runat="server" ID="RadListBox_Available_Terminals" Height="150px" Width="300px"

AllowTransfer="true" TransferToID="RadListBox_Authenticate_Terminals"

OnTransferring="Authenticating_Terminals_Transferring"

AutoPostBackOnTransfer="true">

<HeaderTemplate>

<table width="100%">

<tr>

<td width="20%">

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

</td>

<td width="80%">

<div align="left">

<asp:Label ID="Label8" runat="server" Text="Terminal - Location"></asp:Label>

</div>

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:CheckBox runat="server" ID="chk_admin" Checked="false"

Enabled="false"/>

</td>

<td width="80%">

<div align="left">

<asp:Label runat="server" ID="Label_Terminal_Details_1">

<%# DataBinder.Eval(Container, "Attributes['Terminal_String']") %>

</asp:Label>

<asp:Label runat="server" ID="Label_Terminal_Nitgen_ID_1" Visible="false">

<%# DataBinder.Eval(Container, "Attributes['Terminal_Nitgen_ID']")%>

</asp:Label>

</div>

</td>

</tr>

</table>

</ItemTemplate>

<FooterTemplate>

<br />

</FooterTemplate>

<ButtonSettings Position="Bottom" HorizontalAlign="Center"/>

</telerik:RadListBox>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_td_center">

<span class="form_span">

<asp:Literal ID="Literal_Visitor_Name_Terminal" runat="server"></asp:Literal>

<asp:Label ID="Label_Authentication_On" runat="server" Text=" Can Authenticate On:"></asp:Label>

</span>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow runat="Server">

<asp:TableCell runat="server" CssClass="form_td_center">

<telerik:RadListBox runat="server" ID="RadListBox_Authenticate_Terminals" Height="120px" Width="300px">

<HeaderTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:Label ID="Label1" runat="server" Text="Admin"></asp:Label>

</td>

<td width="80%">

<div align="left">

<asp:Label ID="Label2" runat="server" Text="Terminal - Location"></asp:Label>

</div>

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table width="100%">

<tr>

<td width="20%">

<asp:CheckBox runat="server" ID="chk_admin" Checked="false"

OnCheckedChanged="User_Terminal_Admin_check_changed"

AutoPostBack="True" />

</td>

<td width="80%">

<div align="left">

<asp:Label runat="server" ID="Label_Terminal_Details">

<%# DataBinder.Eval(Container, "Attributes['Terminal_String']") %>

</asp:Label>

<asp:Label runat="server" ID="Label_Terminal_Nitgen_ID" Visible="false">

<%# DataBinder.Eval(Container, "Attributes['Terminal_Nitgen_ID']")%>

</asp:Label>

</div>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</telerik:RadPageView>

Code Behind:

//Get All Terminals

TD_Cmd = TDConnection.CreateCommand();

TD_Cmd.CommandText = "EXECUTE " + SQL_Customer_Connection.Product_Name + "_sp_Terminal_List " +

"@Param_Customer_ID_Ref = @Param_Customer_ID_Ref1, " +

"@Param_Company_ID_Ref = @Param_Company_ID_Ref1";

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Customer_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Customer_Ref_ID"]));

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Company_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Company_Ref_ID"]));

TD_DR = TD_Cmd.ExecuteReader();

while (TD_DR.Read())

{

RadListBoxItem new_item = new RadListBoxItem();

new_item.Attributes.Add("Terminal_String",

(string)TD_DR["Terminal_Name"] + " - " + (string)TD_DR["Terminal_Location"]);

new_item.Attributes.Add("Terminal_Nitgen_ID", (Convert.ToInt32(TD_DR["Nitgen_Terminal_ID_Ref"])).ToString());

RadListBox_Available_Terminals.Items.Add(new_item);

RadListBox_Available_Terminals.DataBind();

}

TD_DR.Close();

//Get List of Terminals that this visitor can authenticate on

TD_Cmd = TDConnection.CreateCommand();

TD_Cmd.CommandText = "EXECUTE " + SQL_Customer_Connection.Product_Name + "_sp_Terminal_User_Authentication_List " +

"@Param_Customer_ID_Ref = @Param_Customer_ID_Ref1, " +

"@Param_Company_ID_Ref = @Param_Company_ID_Ref1, " +

"@Param_User_ID = @Param_User_ID1";

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Customer_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Customer_Ref_ID"]));

TD_Cmd.Parameters.Add(new SqlParameter("@Param_Company_ID_Ref1",

(string)HttpContext.Current.Session["User_Belongs_To_Company_Ref_ID"]));

TD_Cmd.Parameters.Add(new SqlParameter("@Param_User_ID1",

Label_Visitor_ID1.Text));

TD_DR = TD_Cmd.ExecuteReader();

while (TD_DR.Read())

{

RadListBoxItem new_item = new RadListBoxItem();

new_item.Attributes.Add("Terminal_String",

(string)TD_DR["Terminal_Name"] + " - " + (string)TD_DR["Terminal_Location"]);

new_item.Attributes.Add("Terminal_Nitgen_ID", (Convert.ToInt32(TD_DR["Nitgen_Terminal_ID_Ref"])).ToString());

RadListBox_Authenticate_Terminals.Items.Add(new_item);

RadListBox_Authenticate_Terminals.DataBind();

if (Convert.ToInt32(TD_DR["User_Priv"].ToString()) == 1)

{

//Master User

CheckBox current_checkbox = new_item.FindControl("chk_admin") as CheckBox;

current_checkbox.Checked = true;

}

RadListBox_Authenticate_Terminals.DataBind();

...........

ListBox

answered on 20 Apr 2011

1 answer

266 views

GridNumericColumn Currency problem

Hi,

i have a grid width a GridNumericColumn, when i edit and i insert a value with comma like "12,12" and press update button on grid
i have

Format of the input string is not correct

"11,12" is not a Valid Decimal Value.

I must use dot for separate thousand, and comma for decimal digits.

from db i bind a list of Decimal Value, and when i edit if i use the comma for decimal digit got the Format of the input string is not correct.
the grid column.

<telerik:GridNumericColumn NumericType="Currency" DataField="Canone"

FilterControlAltText="Filter Canone column" HeaderText="Canone" DecimalDigits="2"

SortExpression="Canone" UniqueName="Canone"

FilterImageUrl="../App_Themes/ICTTheme/immagini/u58.png">

</telerik:GridNumericColumn>

the radgrid is bind to ObjectDataSource, and Select Method return a list of custom object, Canone Field is Decimal.

Grid

answered on 20 Apr 2011

1 answer

106 views

Calculate cell value on Grid

I have a requirement to calculate grid's cell value when a user changes another cell's value in the grid. Is there any client side events that may help me to do that in Rad Grid for AJAX.

Requirement :(Please refer attached image).

A wireframe has been attached to further explain the issue. As you can see in the image, when a user clicks "add multi pack button", a second row is created in the grid. When user enters the pack size in first cell of second row, it should calculate the gross cost as shown in picture.

I haven’t been able to achieve that with the grid client side events. I was looking for something similar to “lostfocus” in the telerik grid view.

Thank you for the Help
Linsemon

Grid

answered on 20 Apr 2011