new line get inserted

2 posts, 0 answers
  1. appdev
    appdev avatar
    223 posts
    Member since:
    Sep 2008

    Posted 11 Aug 2009 Link to this post

    as you can see under the code below i have these 3 radcombobox
    <telerik:RadComboBox ID="ddl_Stores" AutoPostBack="true" runat="server" Visible="false" Width="100px" Skin="Forest" />&nbsp;&nbsp;                                               
    <telerik:RadComboBox ID="ddl_Departments" AutoPostBack="true"  runat="server" Visible="false" Width="200px" Skin="Forest"/>&nbsp;&nbsp;  
    <telerik:RadComboBox ID="ddl_Paging1" AutoPostBack="true" runat="server" Visible="false" Width="100px" Skin="Forest"/><br /><br /> 


    and everytime when i tried to do
    telerik:AjaxSetting AjaxControlID="ddl_Stores">  
                        <UpdatedControls>                          
                            <telerik:AjaxUpdatedControl ControlID="ddl_Paging1" /> 
                            <telerik:AjaxUpdatedControl ControlID="tbl_Data" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                            <telerik:AjaxUpdatedControl ControlID="PivotTable" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
     it would just create a break right after ddl_departments. so instead of having all 3 horizontally in one line, i now have first 2 in one line and the third dropdown in the next line. WHY IS IT? can you tell me what i did wrong? thanks.



    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Report.aspx.vb" Inherits="Report" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 
     
    <!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>Sales Report</title> 
        <script type="text/javascript" src="FusionCharts/FusionCharts.js"></script> 
        <script type="text/javascript">  
            function RequestStart(sender, eventArgs)  
            {  
                var divElementStyle = document.getElementById("RadAjaxLoadingPanel1").style;  
                divElementStyle.position = 'absolute';  
                //position the loading panel  
                divElementStyle.left = eventArgs.get_eventTargetElement().offsetLeft + "px";  
                divElementStyle.top = eventArgs.get_eventTargetElement().offsetTop + "px";  
            }  
        </script>   
        <style type="text/css">  
            .CustomCssClass1 .rspPaneTabText, .rspPane, .RadSplitter  
            {  
                color: white !important;  
                border-color: white !important;  
            }  
            .CustomCssClass2 .rspSlideTitle     
            {  
                color: white !important;  
            }   
        </style>     
    </head>      
    <body style="background-color:#3d766f;; font-family:Verdana; font-size:12px;">  
        <form id="form1" runat="server">  
            <telerik:radscriptmanager id="RadScriptManager1" runat="server" AsyncPostBackTimeout="0" /> 
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Office2007" DecoratedControls="All" /> 
            <telerik:radajaxmanager id="RadAjaxManager1" runat="server" EnableEmbeddedScripts="true">    
                <ClientEvents OnRequestStart="RequestStart" /> 
                <AjaxSettings> 
                    <telerik:AjaxSetting AjaxControlID="ddl_Stores">  
                        <UpdatedControls>                          
                            <telerik:AjaxUpdatedControl ControlID="ddl_Paging1" /> 
                            <telerik:AjaxUpdatedControl ControlID="tbl_Data" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                            <telerik:AjaxUpdatedControl ControlID="PivotTable" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                    <telerik:AjaxSetting AjaxControlID="ddl_Departments">  
                        <UpdatedControls>                          
                            <telerik:AjaxUpdatedControl ControlID="ddl_Paging1" /> 
                            <telerik:AjaxUpdatedControl ControlID="tbl_Data" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                            <telerik:AjaxUpdatedControl ControlID="PivotTable" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                    <telerik:AjaxSetting AjaxControlID="ddl_Paging1">  
                        <UpdatedControls>                          
                            <telerik:AjaxUpdatedControl ControlID="ddl_Paging1" /> 
                            <telerik:AjaxUpdatedControl ControlID="tbl_Data" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                            <telerik:AjaxUpdatedControl ControlID="PivotTable" /> 
                        </UpdatedControls> 
                    </telerik:AjaxSetting> 
                </AjaxSettings> 
            </telerik:radajaxmanager>     
            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" > 
                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /> 
            </telerik:RadAjaxLoadingPanel> 
            <asp:Table ID="tbl_Report" runat="server" BorderWidth="1px" cellpadding="5" cellspacing="0" width="100%" HorizontalAlign="center" height="100%" BackColor="#ffffff">  
                <asp:TableRow> 
                    <asp:TableCell ColumnSpan="2"><asp:Label ID="lb_Error" runat="server" Font-Bold="true" ForeColor="red" /></asp:TableCell> 
                </asp:TableRow>                                                        
                <asp:TableRow> 
                    <asp:TableCell VerticalAlign="top" ColumnSpan="2" Width="100%" Height="100%" BackColor="white">  
                        <telerik:RadSplitter id="RadSplitter1" runat="server" CssClass="CustomCssClass1" Skin="Forest" Width="100%" Height="23px" visible="false">  
                            <telerik:RadPane runat="server" id="RadPane1" Width="100%" > 
                                <telerik:RadSlidingZone runat="server" ID="RadSlidingZone_Graph" SlideDirection="Bottom">  
                                     <telerik:RadSlidingPane id="RadSlidingPane_Graph" title="Graph" runat="server" Scrolling="both">  
                                        <telerik:RadComboBox ID="ddlcharttype" Font-Size="12px" runat="server" Skin="Forest" AutoPostBack="true">                                                                                                  
                                            <Items> 
                                                <telerik:RadComboBoxItem Text="Select a chart type" Value="" /> 
                                                <telerik:RadComboBoxItem Text="Area" Value="Area" /> 
                                                <telerik:RadComboBoxItem Text="Bar" Value="Bar" /> 
                                                <telerik:RadComboBoxItem Text="Column" Value="Column" /> 
                                                <telerik:RadComboBoxItem Text="Line" Value="Line" /> 
                                            </Items> 
                                        </telerik:RadComboBox>    
                                     </telerik:RadSlidingPane> 
                                </telerik:RadSlidingZone>                                                
                            </telerik:RadPane> 
                        </telerik:RadSplitter>      
                        <telerik:RadComboBox ID="ddl_Stores" AutoPostBack="true" runat="server" Visible="false" Width="100px" Skin="Forest" />&nbsp;&nbsp;                                                 
                        <telerik:RadComboBox ID="ddl_Departments" AutoPostBack="true"  runat="server" Visible="false" Width="200px" Skin="Forest"/>&nbsp;&nbsp;  
                        <telerik:RadComboBox ID="ddl_Paging1" AutoPostBack="true" runat="server" Visible="false" Width="100px" Skin="Forest"/><br /><br /> 
                        <asp:Table ID="tbl_Data" runat="server">  
                            <asp:TableRow> 
                                <asp:TableCell> 
                                    <asp:Literal ID="PivotTable" runat="server" Visible="false" /> 
                                </asp:TableCell> 
                            </asp:TableRow> 
                        </asp:Table> 
                    </asp:TableCell> 
                </asp:TableRow>    
                <asp:TableRow> 
                    <asp:TableCell ColumnSpan="2">  
                        <asp:Button ID="ExportToExcel" runat="server" Text="Export" /> 
                    </asp:TableCell> 
                </asp:TableRow> 
            </asp:Table> 
        </form> 
    </body> 
    </html> 
     
  2. Vlad
    Admin
    Vlad avatar
    11100 posts

    Posted 12 Aug 2009 Link to this post

    Hi,

    Please check this article for more info:
    http://www.telerik.com/help/aspnet-ajax/layout-problem-updated-controls-on-new-line.html

    Regards,
    Vlad
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top