I am not sure if it is an Ajax-specific problem, or, just a Rad script issue... but, if I have a form inside the default page form, Telerik controls do not seem to work (it throws an error). If I remove this sub form, things work.
Here is sample code:
Here is the code-behind:
So - the PayPal forms are what break this. I cannot find a way around having the PayPal forms - somehow, I have to be able to use forms inside the main page form. Does anyone have some insight as to how I can resolve this conflict?
Thanks.
Here is sample code:
<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="current_sswdc._Default" %>
<!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"
>
<
telerik:RadStyleSheetManager
ID
=
"RadStyleSheetManager1"
runat
=
"server"
/>
<
title
>Test</
title
>
<
script
language
=
"JavaScript"
type
=
"text/javascript"
>
<!--
function setinitialStatus() {
window.status = "This is a test of Telerik with inside forms to PayPal.";
}
// end -->
</
script
>
<
script
type
=
"text/javascript"
>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26024342-1']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</
script
>
<
style
type
=
"text/css"
>
body
{
font-family: Sans-Serif;
font-size: 12px;
font-weight: normal;
width: 100%;
}
.maincontainer
{
width: 850px;
margin-left: auto;
margin-right: auto;
}
.header
{
text-align: center;
font-weight: bold;
font-size: 14px;
width: 100%;
padding: 8px;
}
.content
{
font-family: Sans-Serif;
font-size: 12px;
width: 840px;
padding-left: 6px;
padding-right: 6px;
margin-left: auto;
margin-right: auto;
}
</
style
>
</
head
>
<
body
onload
=
"setinitialStatus();"
bgcolor
=
"#DDF0FF"
>
<
a
name
=
"top"
></
a
>
<
div
id
=
"fb-root"
style
=
"text-align: center; width: 100%;"
>
<
script
language
=
"JavaScript"
type
=
"text/javascript"
>
<!--
window.fbAsyncInit = function () {
FB.init({ appId: '113869198637480', status: true, cookie: true,
xfbml: true
});
};
(function () {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
} ());
// end -->
</
script
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<
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"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
script
type
=
"text/javascript"
>
//Put your JavaScript code here.
</
script
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
</
telerik:RadAjaxManager
>
<
div
class
=
"maincontainer"
>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
Width
=
"850px"
>
<
div
class
=
"header"
>
<
table
width
=
"100%"
border
=
"1"
cellspacing
=
"1"
cellpadding
=
"6"
bgcolor
=
"#F2F8FF"
>
<
tr
>
<
td
valign
=
"top"
align
=
"center"
bgcolor
=
"#F2F8FF"
>
<
b
>Please help:</
b
><
br
/>
<
form
action
=
"https://www.paypal.com/cgi-bin/webscr"
method
=
"post"
>
<
input
type
=
"hidden"
name
=
"cmd"
value
=
"_s-xclick"
/>
<
input
type
=
"hidden"
name
=
"hosted_button_id"
value
=
"CF7R54YWE5NVJ"
/>
<
input
type
=
"image"
src
=
"https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
name
=
"submit"
alt
=
"PayPal - The safer, easier way to pay online!"
/>
<
img
alt
=
""
border
=
"0"
src
=
"https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
width
=
"1"
height
=
"1"
/>
</
form
>
</
td
>
<
td
valign
=
"top"
align
=
"center"
bgcolor
=
"#F2F8FF"
colspan
=
'1'
>
<
div
style
=
"text-align: center; font-family: verdana;"
>
<
h1
>
Welcome</
h1
>
<
h3
>
subtitle</
h3
>
<
i
>something here</
i
>
</
div
>
</
td
>
<
td
valign
=
"top"
align
=
"center"
bgcolor
=
"#F2F8FF"
>
<
b
>Please help:</
b
><
br
/>
<
form
action
=
"https://www.paypal.com/cgi-bin/webscr"
method
=
"post"
>
<
input
type
=
"hidden"
name
=
"cmd"
value
=
"_s-xclick"
/>
<
input
type
=
"hidden"
name
=
"hosted_button_id"
value
=
"CF7R54YWE5NVJ"
/>
<
input
type
=
"image"
src
=
"https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
name
=
"submit"
alt
=
"PayPal - The safer, easier way to pay online!"
/>
<
img
alt
=
""
border
=
"0"
src
=
"https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
width
=
"1"
height
=
"1"
/>
</
form
>
</
td
>
</
tr
>
</
table
>
</
div
>
<
div
class
=
"content"
>
<
telerik:RadDatePicker
ID
=
"rdpDateToView"
runat
=
"server"
AutoPostBack
=
"True"
Culture
=
"en-US"
>
<
Calendar
runat
=
"server"
UseColumnHeadersAsSelectors
=
"False"
UseRowHeadersAsSelectors
=
"False"
ViewSelectorText
=
"x"
>
</
Calendar
>
<
DateInput
runat
=
"server"
AutoPostBack
=
"True"
DateFormat
=
"M/d/yyyy"
DisplayDateFormat
=
"M/d/yyyy"
LabelWidth
=
"40%"
value
=
"11/27/2012"
>
</
DateInput
>
<
DatePopupButton
HoverImageUrl
=
""
ImageUrl
=
""
/>
</
telerik:RadDatePicker
>
<
br
/>
<
br
/>
<
strong
>Date Picked:</
strong
>
<
asp:Label
ID
=
"lblDatePicked"
runat
=
"server"
Text
=
""
></
asp:Label
>
<
br
/>
<
br
/>
This is some test text. yeah. adf asdf asdf asd;fja kdsfjalsdkfj hdlkf haldhrauha
</
div
>
</
telerik:RadAjaxPanel
>
</
div
>
</
form
>
</
div
>
</
body
>
</
html
>
Here is the code-behind:
Imports
Telerik.Web.UI
Partial
Class
_Default
Inherits
System.Web.UI.Page
Protected
Sub
rdpDateToView_SelectedDateChanged(sender
As
Object
, e
As
Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs)
Handles
rdpDateToView.SelectedDateChanged
lblDatePicked.Text = e.NewDate.ToString
End
Sub
End
Class
So - the PayPal forms are what break this. I cannot find a way around having the PayPal forms - somehow, I have to be able to use forms inside the main page form. Does anyone have some insight as to how I can resolve this conflict?
Thanks.