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

new line get inserted

1 Answer 84 Views
ScriptManager and StyleSheetManager
This is a migrated thread and some comments may be shown as answers.
appdev
Top achievements
Rank 1
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> 
 

1 Answer, 1 is accepted

Sort by
0
Vlad
Telerik team
answered on 12 Aug 2009, 01:46 PM
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.
Tags
ScriptManager and StyleSheetManager
Asked by
appdev
Top achievements
Rank 1
Answers by
Vlad
Telerik team
Share this question
or