This is a migrated thread and some comments may be shown as answers.
new line get inserted

1 Answer 122 Views
ScriptManager and StyleSheetManager
This is a migrated thread and some comments may be shown as answers.
appdev asked on 11 Aug 2009, 09:14 PM
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>
new line get inserted

1 Answer, 1 is accepted
