This is a migrated thread and some comments may be shown as answers.

Callbacks Losing CSS Properties

5 Answers 192 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Neil N asked on 26 Apr 2007, 08:52 PM

In this post http://www.telerik.com/community/forums/thread/b311D-ccdge.aspx made about 18 months ago I described how a callback was causing an object to lose its embedded CSS properties. Finally coming back to this issue, I find that the new Ajax Prometheus causes the exact same behaviour.

The object is a 3rd party control, Datawindow.NET made by Sybase. It's a sophisticated grid-like control made for displaying and updating data. I set up a simple example with two controls - a dropdownlist and a webdatawindow. Choosing an item from the dropdown causes the datawindow (dw) to refresh. Upon page load, the dw retrieves data for the first item and displays properly. I've set up AjaxManager thusly:

        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" Style="z-index: 101;  

            left: 0px; position: absolute; top: 0px"><AjaxSettings>  

                <telerik:AjaxSetting AjaxControlID="ddl_products">  

                    <UpdatedControls> 

                        <telerik:AjaxUpdatedControl ControlID="dw_1" LoadingPanelID="RadAjaxLoadingPanel1" /> 

                    </UpdatedControls> 

                </telerik:AjaxSetting> 

</AjaxSettings> 

</telerik:RadAjaxManager>

Changing the dropdown item results in an Ajax call but the resulting dw is devoid of any formatting. I did a View Source on the HTML produced and the initially loaded page and a page which has lost formatting are exactly the same.

5 Answers, 1 is accepted

answered on 27 Apr 2007, 02:07 PM

Yes, this code seems to work:

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %> 

<%@ Register Assembly="WebDataWindow" Namespace="Sybase.DataWindow.Web" TagPrefix="dw" %> 

<!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 id="Head1" runat="server">  

    <title>Untitled Page</title> 

</head> 

<body> 

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

        <img src="at_sign_rotating.gif" /> 

            <asp:ScriptManager ID="ScriptManager1" runat="server">  

        </asp:ScriptManager> 

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">  

            <ContentTemplate> 

                <asp:DropDownList ID="ddl_products" runat="server" AutoPostBack="True" Style="z-index: 100;  

                    left: 0px; position: absolute"> 

                </asp:DropDownList> 

                <br /> 

                        <asp:Label ID="Label1" runat="server" Style="z-index: 100;" Text="Label"></asp:Label> 

                <br /> 

            <dw:WebDataWindowControl ID="dw_1" runat="server" DataWindowObject="dw_bug_list" LibraryList="~/bugtrannica.pbl">  

            </dw:WebDataWindowControl>          

            </ContentTemplate> 

        </asp:UpdatePanel> 

        <asp:UpdateProgress ID="UpdateProgress1" runat="server">  

            <ProgressTemplate> 

                Processing...  

            </ProgressTemplate> 

        </asp:UpdateProgress> 

    </form> 

</body> 

</html>

answered on 02 May 2007, 03:26 PM

Hi Neil,

We found that this control does not support ASP.NET AJAX triggers. You can try this example:

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

<%@ Register Assembly="WebDataWindow" Namespace="Sybase.DataWindow.Web" TagPrefix="dw" %> 
<!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 id="Head1" runat="server"> 
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
        <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        <div> 
            <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server"> 
                <ContentTemplate> 
                    <dw:WebDataWindowControl ID="WebDataWindowControl1" runat="server" DataWindowObject="customers" 
                        LibraryList="northwind.pbl" RowsPerPage="10"> 
                    </dw:WebDataWindowControl> 
                </ContentTemplate> 
                <Triggers> 
                    <asp:AsyncPostBackTrigger ControlID="Button1" /> 
                </Triggers> 
            </asp:UpdatePanel> 
            <asp:Button ID="Button1" Text="Button1" runat="server" /> 
         </div> 
    </form> 
</body> 
</html> 
 

Best wishes,
Vlad
the telerik team

Instantly find answers to your questions at the new Telerik Support Center

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Callbacks Losing CSS Properties

5 Answers, 1 is accepted