Im using Prometheus Q3 Controls in my project and im having critical issue like javascript. The javascript what i used in RadControls Q2 that is not working in Prometheus Q3. Please guide me to fix the issue.
Master Page
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<telerik:RadSplitter runat="server" id="mainSplitter" orientation="Vertical" width="100%" Height ="805px">
<telerik:RadPane runat="server" id="LeftPane" Width = "250px">
<asp:Panel ID="Panel1" runat="server">
<asp:ContentplaceHolder ID="cpLeftNav" runat="server">
</asp:ContentplaceHolder>
</asp:Panel>
</telerik:RadPane>
<telerik:RadSplitBar runat="server" id="rsbLeft" CollapseMode="Forward" EnableResize="False" />
<telerik:radpane runat="server" id="MiddlePane" Scrolling="None" >
<asp:Panel ID="Panel2" runat="server" Width="100%" >
<asp:ContentPlaceHolder ID="cpContent" runat="server">
</asp:ContentPlaceHolder>
</asp:Panel>
</telerik:radpane></telerik:RadSplitter>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="mainSplitter">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="mainSplitter" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
</div>
</form>
</body>
</html>
Content Page:
<%@ Page Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AJAXEnabledWebApplication3._Default" %>
<%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>
<%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cpLeftNav" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Button ID="Button1" runat="server" Text="Button1" onclick="Button1_Click"
/>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpContent" runat="server">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
<asp:Button ID="Button2" runat="server" Text="Button2"
onclick="Button2_Click" /><br /><br /><p></p>
<script type="text/javascript">
/*<![CDATA[*/
function onTabClick(sender, eventArgs)
{
window["<%= RadAjaxManager1.ClientID %>"].AjaxRequest(eventArgs);
}
/*]]>*/
</script>
<rad:RadAjaxManager id="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<rad:AjaxSetting>
<UpdatedControls >
<rad:AjaxUpdatedControl ControlID="RadTabS"></rad:AjaxUpdatedControl>
</UpdatedControls>
</rad:AjaxSetting>
</AjaxSettings>
</rad:RadAjaxManager>
<rad:RadTabStrip ID="RadTabS" MultiPageID="RadMultiP" runat="server">
<Tabs>
<rad:Tab runat="server" ID="tab1" Text="Tab1"></rad:Tab>
</Tabs>
</rad:RadTabStrip>
<rad:RadMultiPage ID="RadMultiP" runat="server" >
</rad:RadMultiPage>
<asp:HiddenField runat="server" ID="hdnValue" />
<script type="text/javascript">
debugger
function CreateCloseImage(closeImageUrl)
{
var closeImage = document.createElement("img");
closeImage.src = closeImageUrl;
closeImage.style.marginTop = "2px";
closeImage.style.position = "relative";
closeImage.style.right = "-10px";
closeImage.alt = "Close this tab";
return closeImage;
}
function PreviousVisibleTab(currentTab)
{
for (var i = currentTab.Index - 1; i > -1; i--)
{
var tab = currentTab.Parent.Tabs[i];
if (tab && tab.DomElement.style.display != "none")
{
return tab;
}
}
return null;
}
function NextVisibleTab(currentTab)
{
for (var i = currentTab.Index + 1; i < currentTab.Parent.Tabs.length; i++)
{
var tab = currentTab.Parent.Tabs[i];
if (tab && tab.DomElement.style.display != "none")
{
return tab;
}
}
return null;
}
function SwitchTab(currentTab)
{
debugger
var multiPage = <%= RadMultiP.ClientID %>;
if (currentTab.Selected)
{
var previousTab = PreviousVisibleTab(currentTab);
if (previousTab)
{
previousTab.Select();
}
else
{
var nextTab = NextVisibleTab(currentTab);
if (nextTab)
{
nextTab.Select();
}
else
{
multiPage.SelectPageByIndex(-1);
}
}
}
}
function AttachCloseImages(closeImageUrl)
{
debugger
var tabStrip = <%= RadTabS.ClientID %>;
for (var i = 0; i < tabStrip.AllTabs.length; i++)
{
debugger
var tab = tabStrip.AllTabs[i];
var closeImage = CreateCloseImage(closeImageUrl);
closeImage.AssociatedTab = tab;
closeImage.onclick = function(e)
{
if (!e) e = event;
SwitchTab(this.AssociatedTab);
var tabIndex = this.AssociatedTab.Index;
document.getElementById("<%= hdnValue.ClientID%>").value =tabIndex;
this.AssociatedTab.DomElement.style.display = "none";
onTabClick("",tab.Text);
e.cancelBubble = true;
if (e.stopPropagation)
{
e.stopPropagation();
}
}
tab.DomElement.firstChild.firstChild.innerHTML = "<span style='float:left'>" + tab.Text + "</span>";
tab.DomElement.firstChild.firstChild.appendChild(closeImage);
}
}
AttachCloseImages("close.gif");
</script>
</asp:Content>
Please give me the right solution to close this issue...
Looking forward of ur reply
Regards
Jeyaraman