Questions on UI for ASP.NET AJAX Forum

0 answers

53 views

RadCalendar Localize Date

This has been resolved.

Calendar

asked on 20 Dec 2010

2 answers

144 views

[Solved] Clientside Method Request

Could you guys plop in the ability to for us to check if a callback is already in progress with the panel? I'm always having to manually set and release locks...

I see there's an isUpdating already, but it's always returning false for me...
I'd like to just be able to do this

if(_menuHttpPanel.isProcessing == false){

_menuHttpPanel.set_value(_menuSearchBox.get_value());

}

XmlHttpPanel

answered on 20 Dec 2010

3 answers

149 views

[Solved] RAD ToolTip Help on Image Hotspots

Hi,

I want to create a webpage which contains an imagemap with hotspots. On mouse move over the hotspots I want to display a tool tip, not just the alt.Text, but rather more information with another image and some text. I was following the RadToolTip demo (First Look) and adapted the same method to create this. But it is not working. I am attaching the code (only two web pages). Please some one take a look and tell me what I am doing wrong. The tool tip information is not pulled from any database but generated in the codebehind file based on the ID of the hotspot.

Since I spend almost a week playing with it with out any luck, any help is greately appreciated,
Thanks
Joe

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DefaultCS.aspx.cs" Inherits="tooltiptest.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<%@ Register Src="LocSummary.ascx" TagName="LocSummary" TagPrefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

<head>

<title></title>

<style type="text/css">

.test

{

float: right;

}

</style>

</head>

<body class="BODY">

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

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

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

</telerik:RadScriptManager>

<h1> Our Locations </h1>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server"

Skin="Forest" DecoratedControls="All" />

<div id="mainimgdiv" style=" width:800px; height:500px">

<asp:imageMap ID="cdslocations" runat="server"

ImageUrl="cdslocs.jpg"

HotSpotMode="PostBack" Enabled="true" ViewStateMode="Enabled">

</asp:imageMap>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" ></telerik:RadAjaxLoadingPanel>

<telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="200"

EnableShadow="True" HideDelay="1" ID="RadToolTipManager1" Width="453px" Height="210px"

RelativeTo= "BrowserWindow" Animation= "Slide" OnAjaxUpdate="OnAjaxUpdate"

Skin="Telerik" Title = "Location Summary:" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadToolTipManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</div>

</form>

</body>

</html>

Code behind

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

using System.Threading;

using System.IO;

using Telerik;

namespace tooltiptest

{

public partial class DefaultCS : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

// define the circle hotspot

CircleHotSpot Circle1 = new CircleHotSpot();

Circle1.HotSpotMode = HotSpotMode.PostBack;

Circle1.NavigateUrl = "~/northnj.aspx";

Circle1.X = 458;

Circle1.Y = 120;

Circle1.Radius = 15;

Circle1.AlternateText = "WH";

// Add Circle1 to the ImageMap's HotSpotCollection.

cdslocations.HotSpots.Add(Circle1);

CircleHotSpot Circle2 = new CircleHotSpot();

Circle2.HotSpotMode = HotSpotMode.PostBack;

// Circle2.NavigateUrl = "~/lehighvalley.aspx";

Circle2.X = 433;

Circle2.Y = 128;

Circle2.Radius = 15;

Circle2.AlternateText = "AT";

cdslocations.HotSpots.Add(Circle2);

CircleHotSpot Circle3 = new CircleHotSpot();

Circle3.HotSpotMode = HotSpotMode.PostBack;

// Circle3.NavigateUrl = "~/fortwayne.aspx";

Circle3.X = 352;

Circle3.Y = 143;

Circle3.Radius = 15;

Circle3.AlternateText = "BF";

cdslocations.HotSpots.Add(Circle3);

CircleHotSpot Circle4 = new CircleHotSpot();

Circle4.HotSpotMode = HotSpotMode.PostBack;

// Circle4.NavigateUrl = "~/stlouis.aspx";

Circle4.X = 317;

Circle4.Y = 172;

Circle4.Radius = 15;

Circle4.AlternateText = "EV";

cdslocations.HotSpots.Add(Circle4);

CircleHotSpot Circle5 = new CircleHotSpot();

Circle5.HotSpotMode = HotSpotMode.PostBack;

//Circle5.NavigateUrl = "~/tulsa.aspx";

Circle5.X = 263;

Circle5.Y = 208;

Circle5.Radius = 15;

Circle5.AlternateText = "FG";

cdslocations.HotSpots.Add(Circle5);

CircleHotSpot Circle6 = new CircleHotSpot();

Circle6.HotSpotMode = HotSpotMode.PostBack;

//Circle6.NavigateUrl = "~/losangelos.aspx";

Circle6.X = 49;

Circle6.Y = 203;

Circle6.Radius = 15;

Circle6.AlternateText = "ON";

cdslocations.HotSpots.Add(Circle6);

foreach (CircleHotSpot spot in cdslocations.HotSpots)

{

//The first argument of add method requires the client Id

//the example implementation will set the id to be the name of the country itself

this.RadToolTipManager1.TargetControls.Add(spot.AlternateText, spot.AlternateText, true);

}

protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)

{

this.UpdateToolTip(args.Value, args.UpdatePanel);

}

private void UpdateToolTip(string elementID, UpdatePanel panel)

{

Control ctrl = Page.LoadControl("LocSummary.ascx");

panel.ContentTemplateContainer.Controls.Add(ctrl);

LocSummary details = (LocSummary)ctrl;

details.LocId = elementID;

}

LocSummary ASpx - this is a user control file which should show as tooltip

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LocSummary.ascx.cs" Inherits="tooltiptest.LocSummary" %>

<asp:FormView ID="LocView" DataKeyNames="LocId"

runat="server" OnDataBound="LocView_DataBound" Width="453px"

onpageindexchanging="LocView_PageIndexChanging" CellPadding="4"

ForeColor="#333333">

<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />

<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />

<ItemTemplate>

<div style="float: left; border: 1px solid #999999; margin-right: 20px; width: 200px;

height: 200px; background-position: center; background-repeat: no-repeat;" >

<asp:Image ID="LocImage" runat="server" />

</div>

<div style="width: 200px; float: left;">

<div style="float: left; padding-top: 20px;">

<asp:Label CssClass="info" ID="LocationName" runat="server" Style="font-size: 24px; padding-left: 4px;"></asp:Label>

<br />

<span class='title' style="color: #c98400">Highways:</span>

<asp:Label CssClass="info" ID="LbHigways" runat="server"></asp:Label>

<br />

<span class='title' style="color: #c98400">Squre Foot:</span>

<asp:Label CssClass="info" ID="LbSqFoot" runat="server"></asp:Label>

<br />

<span class='title' style="color: #c98400">Construction:</span>

<asp:Label CssClass="info" ID="LbConstruction" runat="server"></asp:Label>

<br />

</div>

</ItemTemplate>

<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />

<RowStyle BackColor="#FFFBD6" ForeColor="#333333" />

</asp:FormView>

Code behind

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Threading;

using System.IO;

namespace tooltiptest

{

public partial class LocSummary : System.Web.UI.UserControl

{

public string LocId

{

get

{

if (ViewState["LocId"] == null)

{

return "";

}

return (string)ViewState["LocId"];

}

set

{

ViewState["LocId"] = value;

}

protected void LocView_PageIndexChanging(object sender, FormViewPageEventArgs e)

{

}

protected void Page_Load(object sender, EventArgs e)

{

this.DataBind();

}

protected void LocView_DataBound(object sender, EventArgs e)

{

string lcID = e.ToString();

string locName = "" ;

string locHigWays = "";

string locSqFoot = "";

string locConstruction = "";

string lcImageUrl = "";

switch (LocId)

{

case "WH":

locName = "Wharton, NJ";

locHigWays = "80/46";

locSqFoot = "650000";

locConstruction = "Concrete";

lcImageUrl = "smallloc.png";

break;

case "PA":

locName = "Pensilvania, PA";

locHigWays = "80/78";

locSqFoot = "650000";

locConstruction = "Concrete";

lcImageUrl = "smallloc.png";

break;

case "CA":

locName = "Ontario, CA";

locHigWays = "100/80/35";

locSqFoot = "350000";

locConstruction = "Concrete";

lcImageUrl = "smallloc.png";

break;

case "BF":

locName = "Bluffton, IN";

locHigWays = "200/145";

locSqFoot = "150000";

locConstruction = "Concrete";

lcImageUrl = "smallloc.png";

break;

case "IL":

locName = "Edwardsville, IL";

locHigWays = "66/77";

locSqFoot = "650000";

locConstruction = "Steel";

lcImageUrl = "smallloc.png";

break;

case "FG":

locName = "Fort Gibson, OK";

locHigWays = "35/76";

locSqFoot = "450000";

locConstruction = "Steel";

lcImageUrl = "smallloc.png";

break;

default:

locName = "Wharton, NJ";

locHigWays = "80/78";

locSqFoot = "650000";

locConstruction = "Concrete";

lcImageUrl = "smallloc.png";

break;

}

//populate the summary information of the location

System.Web.UI.WebControls.Image image = (System.Web.UI.WebControls.Image)this.FindControl("LocImage");

if (image == null) return;

if (!File.Exists(MapPath(image.ImageUrl)))

{

image.ImageUrl = lcImageUrl;

}

System.Web.UI.WebControls.Literal lit1 = (System.Web.UI.WebControls.Literal)this.FindControl("LocationName");

lit1.Text = locName;

System.Web.UI.WebControls.Literal lit2 = (System.Web.UI.WebControls.Literal)this.FindControl("LbHigways");

lit2.Text = locHigWays;

System.Web.UI.WebControls.Literal lit4 = (System.Web.UI.WebControls.Literal)this.FindControl("LbSqFoot");

lit1.Text = locSqFoot;

System.Web.UI.WebControls.Literal lit5 = (System.Web.UI.WebControls.Literal)this.FindControl("LbConstruction");

lit1.Text = locConstruction;

}

ToolTip

answered on 20 Dec 2010

8 answers

304 views

Transfer for template in ListBox

Dear telerik,
I have create a listbox with template item, the problem when trying to transfer items it transfered but it appears empty

please help

ASPX:

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel3">

<telerik:RadListBox ID="RadListBox5" runat="server" Height="150px" Width="215px" SelectionMode="Single"

AutoPostBackOnTransfer="true" AllowTransfer="true"

TransferToID="RadListBox6" OnTransferred="RadListBox5_Transferred">

<ButtonSettings ShowTransferAll="false" VerticalAlign="Middle" />

<ItemTemplate>

<table cellpadding="1" cellspacing="0" border="0">

<tr>

<td><b><%# Eval("Title") %></b></td>

<td> [Price:</td>

<td><%# Convert.ToInt32(Eval("Price")).ToString("C0")%>]</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox>

<telerik:RadListBox ID="RadListBox6" runat="server" Height="150px" Width="200px" SelectionMode="Single">

<ItemTemplate>

<table cellpadding="1" cellspacing="0" border="0">

<tr>

<td><b><%# Eval("Title") %></b></td>

<td> [Price:</td>

<td><%# Convert.ToInt32(Eval("Price")).ToString("C0")%>]</td>

</tr>

<tr>

<td colspan="3">

Quantity:

<telerik:RadNumericTextBox runat="server" ID="QuantityTextBox" Width="80px" MinValue="1" MaxValue="10" ShowSpinButtons="true" Value="1" NumberFormat-DecimalDigits="0" />

<asp:RequiredFieldValidator ID="RequiredQuantityTextBox" ControlToValidate="QuantityTextBox" runat="server" ErrorMessage="*">*</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox>

</telerik:RadAjaxPanel>

CS:

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

RadListBox5_Load();

RadListBox6_Load();

}

public class Spinning

{

public string Title { get; set; }

public double Price { get; set; }

public int Quantity { get; set; }

}

void RadListBox5_Load()

{

List<Spinning> SpinningList = new List<Spinning>

{

new Spinning { Title = "Spinning Reel 1", Price = 100, Quantity = 1 },

new Spinning { Title = "Spinning Reel 2", Price = 200, Quantity = 2 },

new Spinning { Title = "Spinning Reel 3", Price = 300, Quantity = 3 }

};

RadListBox5.DataSource = SpinningList;

RadListBox5.DataBind();

}

void RadListBox6_Load()

{

List<Spinning> SpinningList = new List<Spinning>

{

new Spinning { Title = "Spinning Reel 4", Price = 400, Quantity = 4 },

new Spinning { Title = "Spinning Reel 5", Price = 500, Quantity = 5 },

new Spinning { Title = "Spinning Reel 6", Price = 600, Quantity = 6 }

};

RadListBox6.DataSource = SpinningList;

RadListBox6.DataBind();

}

protected void RadListBox5_Transferred(object sender, RadListBoxTransferredEventArgs e)

{

foreach (RadListBoxItem item in e.Items)

{

item.DataBind();

}

ListBox

answered on 20 Dec 2010

3 answers

169 views

How to acces my controls in customized advanced template from AppointmentInsert/Update EventArgs

At the moment i can access the controls already in my advanced customized template. I use the following code to do that:

protected void RadScheduler1_AppointmentCommand(object sender, AppointmentCommandEventArgs e)

{

Appointment appHuidig = e.Container.Appointment;

RadScheduler scheduler = (RadScheduler)sender;

RadDatePicker StartDate = (RadDatePicker)e.Container.Controls[1].FindControl("StartDate");

RadTimePicker StartTime = (RadTimePicker)e.Container.Controls[1].FindControl("StartTime");

RadDatePicker EndDate = (RadDatePicker)e.Container.Controls[1].FindControl("EndDate");

RadTimePicker EndTime = (RadTimePicker)e.Container.Controls[1].FindControl("EndTime");

RadComboBox rcb_AfspraakType = (RadComboBox)e.Container.Controls[1].FindControl("rcb_AfspraakType");

RadTextBox SubjectText = (RadTextBox)e.Container.Controls[1].FindControl("SubjectText");

RadTextBox DescriptionText = (RadTextBox)e.Container.Controls[1].FindControl("DescriptionText");

RadComboBox rcb_Adviseurs = (RadComboBox)e.Container.Controls[1].FindControl("rcb_Adviseurs");

int fiat = 1;

RadComboBox rcb_Kamers = (RadComboBox)e.Container.Controls[1].FindControl("rcb_Kamers");

CheckBox AllDayEvent = (CheckBox)e.Container.Controls[1].FindControl("AllDayEvent");

RadTextBox rtb_ProspectID = (RadTextBox)e.Container.Controls[1].FindControl("rtb_ProspectID");

However, i also do have validation on the server side, but when i want to cancel the update and leave the advanced form template open I have a problem, since the AppointmentCommandEventArgs doesnt have a cancel option. Besides this problem, I also want to implement drag and drop, however with drag and dropping i cannot access the Appointmentcommand as well.

So i want to move the update/insert from the appointmentcommand to the updatecommand/insertcommand:

protected void RadScheduler1_AppointmentInsert(object sender, Telerik.Web.UI.AppointmentInsertEventArgs e)

{

}

protected void RadScheduler1_AppointmentUpdate(object sender, Telerik.Web.UI.AppointmentUpdateEventArgs e)

{

}

But from these e's i cannot access the cs_advancedform, how can i achieve this, so i can easely access my controls on my customized advanced form template?

Scheduler

answered on 20 Dec 2010

9 answers

212 views

[Solved] form decorator & IE 8 Beta

Hai,
I'm using a form decorator in a page.
The page contains two text boxes & one fieldset.
Its showing correctly in Firefox.
Bt in IE8 beta its showing this error Sys.ArgumentException: does not derive from Sys.Component. Parameter name

plz help

FormDecorator

answered on 20 Dec 2010

14 answers

937 views

FilterTemplate filter value remains "All"

http://www.telerik.com/help/aspnet-ajax/radgrid-filter-template.html
The first time run it's correctly displaying "All", after I select a different dropdown item, the grid filters correctly, but the FilterDropDown still indicates "All". How do I make it display the value that was selected?

Update: It works now after I change it to use the client side version of example:

OnClientSelectedIndexChanged="TitleIndexChanged" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Application").CurrentFilterValue %>'

The Server side still has the issue:

    
                                <FilterTemplate> 
        
                                    <telerik:RadComboBox runat="server" ID="FilterCombo" DataSourceID="srcApplication" AppendDataBoundItems="true" 
        
                                    DataValueField="Application" DataTextField="Application" AutoPostBack="true" 

                                    SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Application").CurrentFilterValue %>'

                                    OnSelectedIndexChanged="FilterCombo_SelectedIndexChanged"> 
        
                                        <Items> 
        
                                            <telerik:RadComboBoxItem Text="All" /> 
        
                                        </Items>                         
        
                                    </telerik:RadComboBox>            
        
                                </FilterTemplate>                     
        
                            </telerik:GridBoundColumn>

    
                Protected Sub FilterCombo_SelectedIndexChanged(ByVal o As Object, ByVal e As RadComboBoxSelectedIndexChangedEventArgs) 
        
                    Dim filterExpression As String 
        
                    filterExpression = "([Application] = '" + e.Value + "')" 
        
                    RadGrid1.MasterTableView.FilterExpression = filterExpression 
        
                    RadGrid1.MasterTableView.Rebind() 
        
                End Sub

Grid

answered on 20 Dec 2010

2 answers

107 views

[Solved] Request for an EmptyTemplate

Can we get the ability to render out a definable empty template if there's no data in the tree?

...or if not doable for Q1 2011, can you just put in the ability for it to render out an Empty Message?

(I know I can do it myself, but I have a bunch of treelists I plan to make so I dont want to have to keep hiding\showing based on dataset results)

Thanks,
Steve

TreeList

answered on 20 Dec 2010

3 answers

712 views

How to set column to auto width

I have 4 columns in rad grid and i set the 1st, 3rd, 4th column's width to 150 px (<HeaderStyle Width="150px" /> ), How can i set the 2nd column's size to auto fill to ocuppy all the empty space in grid?

Regards,
Kenghot.

Ps. I'm using rad asp.net q3 2009

Grid

answered on 20 Dec 2010

1 answer

174 views

Detect when RadWindow is closed by the user.

I have a .NET asp page that opens a RadWindow. Is there a way to know when the RadWindow is closed by the user? I have a function that I need to execute when the RadWindow is closed. I have tried setting DestroyOnClose to true and calling my function through the OnClientClose event, but setting DestroyOnClose to true causes a popup error on my page. The error says "Exception while executing client event OnClientClose Error:'this._iframe' is null or not an object." I have no idea what is causing that error. Is there a way to detect when the user closes the RadWindow without using DestroyOnClose and OnClientClose? Do you know what is causing my error when I do use those things?

I appreciate any help. Thanks,
Erika

General Discussions

answered on 20 Dec 2010