On Deploying Website RadTabStrip and Rad Grid Control Design Distorted

6 posts, 0 answers
  1. Rohit
    Rohit avatar
    13 posts
    Member since:
    Aug 2010

    Posted 26 Nov 2010 Link to this post

    <%--<%@ Page AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Telerik.Web.Examples.TabStrip.Functionality.MultiPage.DefaultCS"
        Language="c#" %>--%>
      
      
        <%@ page autoeventwireup="true" inherits="_Default, App_Web_kptee32w" language="c#" %>
      
    <%--<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>--%>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <script runat="server">
      
         
    </script>
    <head id="Head1" runat = "server">
      
        <%--<qsf:HeadTag runat="server" ID="Headtag1"></qsf:HeadTag--%>
        <style type="text/css">
            #div1
            {
                width: 110px;
            }
            #div2
            {
                width: 167px;
            }
            .style1
            {
                width: 199px;
                height: 69px;
            }
            #div4
            {
                width: 93px;
            }
            #div5
            {
                width: 160px;
            }
            #div3
            {
                width: 144px;
            }
            .style3
            {
                height: 43px;
            }
            .style4
            {
                height: 69px;
            }
            .style7
            {
                width: 162px;
            }
            .style8
            {
            }
            .style9
            {
                width: 199px;
            }
            .style10
            {
            }
            .style11
            {
                width: 200px;
            }
            .style12
            {
                width: 136px;
            }
            .style13
            {
                width: 172px;
            }
              
              
              
            .styletest
            {
               color:Black;
                    font-weight: bold;    
            }
              
            .SelectedTab
            {
             color: black !important;
             font-weight: bold !important;
                
      
             }
               
           .RadTabStrip_Default .rtsImg
            {
            border:0;
            vertical-align:top;
            width: 16px;
            
             
                  
             
             
                 
      
              
            .exampleWrapper
            {
                height: 1256px;
            }
             
                  
             
             
                 
      
              
        </style>
          
          
          
      
          
          
          
       
          
          
          
      
          
          
          
         <%--<link rel="stylesheet" type="text/css" href="styles.css" />--%></head><body class="BODY"><form runat="server" id="mainForm" method="post">
      
      
      
       <%--<asp:ScriptManager ID="ScriptManager1" runat="server" />--%>
        <telerik:RadCodeBlock ID="CodeBlock" runat="server">
      
            <script type="text/javascript">
      
    //            function OpenGridWindow() {
      
    //                window.radopen("Default2.aspx", "UserListDialog");
    //                return false;
    //            }
      
      
                function openWin() {
    //                alert("think");
                    var oWnd = $find("<%= UserListDialog.ClientID %>");
      
                    //var oWnd = radopen("Default2.aspx", "UserListDialog");
      
                    var oWnd = radopen("Default.aspx", "UserListDialog");
      
                }
      
                function OnClientClose(oWnd, args) {
      
                }
      
                function onRowDropping(sender, args) {
      
                    alert("think");
    //              alert(args.get_destinationHtmlElement().id);
      
                      
      
      
                    alert(args.get_destinationHtmlElement());
                }
      
      
                function OnClientClick(btn) {
    //                alert("Button clicked");
                }
      
      
                      
            </script>
             </telerik:RadCodeBlock>
      
               
      
            <telerik:RadScriptManager ID="ScriptManager" runat="server" />
      
            <!--radajaxmgr-->
              
        
      
              
            <telerik:RadAjaxManager runat="server" ID="radAjax" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <AjaxSettings>
      
            <telerik:AjaxSetting AjaxControlID="RadGrid2">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid2" />
                        <telerik:AjaxUpdatedControl ControlID="RadGridfirst" />
                        
                    </UpdatedControls>
                </telerik:AjaxSetting>
                
      
            <telerik:AjaxSetting AjaxControlID="RadGridfirst">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGridfirst" />
                        <%--<telerik:AjaxUpdatedControl ControlID="RadGridfirst" />--%>
                         
                    </UpdatedControls>
                </telerik:AjaxSetting>
      
     </AjaxSettings>
        </telerik:RadAjaxManager>
         
        <!--radajaxmgr-->
      
      
      
            <%--<qsf:Header runat="server" ID="Header1" NavigationLanguage="C#" ShowSkinChooser="false"></qsf:Header>--%>
            <div class="exampleWrapper">
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server"    MultiPageID="RadMultiPage1"
                    SelectedIndex="2" Width="754px">
                    <Tabs>
                     
                        <telerik:RadTab Text="Course Groups/Courses"  Selected = "true"    CssClass = "SelectedTab">
                        </telerik:RadTab>
                        <telerik:RadTab Text="Heirarchy/Attributes"  CssClass = "SelectedTab" >
                        </telerik:RadTab>
                        <telerik:RadTab Text="Search Assignments"  CssClass = "SelectedTab" 
                           >
                        </telerik:RadTab>
                        <%--<telerik:RadTab Text="LinkedIn Profile">
                        </telerik:RadTab>--%>
                    </Tabs>
                </telerik:RadTabStrip>
      
                <div>
               <asp:Label  Text = "Select Skin : " runat ="server" />
                 <asp:DropDownList id="list1" runat="server" OnSelectedIndexChanged = "stateview" AutoPostBack = "true"  CssClass = "styletest">
                     <asp:ListItem Value="Black" Text="Black"/>
                      
                     <asp:ListItem Value="Forest" Text="Forest"/>
                     <asp:ListItem Value="Hay" Text="Hay"/>
                      
                     <asp:ListItem Value="Outlook" Text="OUtlook"/>
                     <asp:ListItem Value="Simple" Text="Simple"/>
                     <asp:ListItem Value="Sunset" Text="Sunset"/>
                     <asp:ListItem Value="Telerik" Text="Telerik"/>
      
                     <asp:ListItem Value="Vista" Text="Vista"/>
                     <asp:ListItem Value="WebBlue" Text="WebBlue"/>
                     <asp:ListItem  Selected = "True" Value="Default" Text="Default"/>
                </asp:DropDownList>
      
      
                  
                </div>
      
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" 
                    CssClass="multiPage">
                     
                    
                    <telerik:RadPageView ID="RadPageView1" runat="server" Height="399px">
                     
                   <br />
                   <br />
      
                    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Vista"    ReloadOnShow="true" EnableShadow="true">
                    <Windows>
                        <telerik:RadWindow  VisibleOnPageLoad="true" Skin="Vista"  ID="UserListDialog" runat="server" Title="Search Results" Height="400px"
                            Width="500px" Left="150px" ReloadOnShow="true"   OnClientClose="OnClientClose"
                    NavigateUrl="Default2.aspx" EnableViewState = "false" >
                      
                      
                      
                    <ContentTemplate>
      
      
      
                    <telerik:RadGrid ID="RadGrid2" runat="server" Height="400px"
                            Width="500px" 
                AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1"
                GridLines="None"  OnItemCommand = "RadGrid1_ItemCommand" >
      
               <%-- <ClientSettings>
                    <Selecting AllowRowSelect="True" />
                    <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                </ClientSettings>--%>
      
                
      
                  
      
                          
                  
                    <ClientSettings AllowRowsDragDrop="True" EnablePostBackOnRowClick = "true" AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                        <Resizing AllowColumnResize="true" />
                        <Selecting AllowRowSelect="True" EnableDragToSelectRows="true"/>
                        <ClientEvents OnRowDropping="onRowDropping" />
                        <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
      
                    </ClientSettings>
      
      
    <MasterTableView AutoGenerateColumns="False" DataKeyNames="ProductID" 
                    DataSourceID="SqlDataSource1">
      
                        <Columns>
                            <telerik:GridDragDropColumn HeaderStyle-Width="18px" Visible= "true" />
                              
                            <telerik:GridTemplateColumn>
                                 <ItemTemplate>
                                    <asp:ImageButton ID="ImageButton1" runat="server" CommandName= "MoveToSelected" ImageUrl="~/green/Delete.gif"
                                        OnClientClick="return OnClientClick(this);" />
                                    </ItemTemplate>
                            </telerik:GridTemplateColumn>
      
                        </Columns>
                        <NoRecordsTemplate>
                            <div style="height: 30px; cursor: pointer;">
                                No items to view</div>
                        </NoRecordsTemplate>
      
      
      
      
      
    <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
      
    <RowIndicatorColumn>
    <HeaderStyle Width="20px"></HeaderStyle>
    </RowIndicatorColumn>
      
    <ExpandCollapseColumn>
    <HeaderStyle Width="20px"></HeaderStyle>
    </ExpandCollapseColumn>
        <Columns>
            <telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName" 
                SortExpression="ProductName" UniqueName="ProductName">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="SupplierID" DataType="System.Int32" 
                HeaderText="SupplierID" SortExpression="SupplierID" UniqueName="SupplierID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="CategoryID" DataType="System.Int32" 
                HeaderText="CategoryID" SortExpression="CategoryID" UniqueName="CategoryID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="QuantityPerUnit" 
                HeaderText="QuantityPerUnit" SortExpression="QuantityPerUnit" 
                UniqueName="QuantityPerUnit">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32" 
                HeaderText="ProductID" ReadOnly="True" SortExpression="ProductID" 
                UniqueName="ProductID">
            </telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
      
    <HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
            </telerik:RadGrid>   
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                ConnectionString="<%$ ConnectionStrings:NORTHWINDConnectionString %>" 
                SelectCommand="SELECT [ProductName], [SupplierID], [CategoryID], [QuantityPerUnit], [ProductID] FROM [Alphabetical list of products]">
            </asp:SqlDataSource>
      
      
      
      
      
                     
      
      
                    </ContentTemplate>
                      
                      
                    </telerik:RadWindow> 
                    </Windows>
                </telerik:RadWindowManager>
      
                       
                     <table>
                     <tr>
                       
                     <td align = "left" class="style13" valign = "bottom">
                        <asp:Label Text = "Selected Courses" runat ="server" />
                     </td>
      
                     <td align = "right" class="style9" valign = "bottom">
                        <telerik:RadButton Text = "Clear" runat = "server" OnClick = "change" />
                     </td>
                       
                     <td>
                     </td>
                       
                     <td align = "left" class="style12" valign = "bottom">
                        <asp:Label ID="Label2" Text = "Course Groups" runat ="server" />
                       
                     </td>
      
                     <td align = "right" class="style11" valign = "bottom">
      
                       
                        <telerik:RadButton ID="RadButton1" Text = "Clear" runat = "server" />
                     </td>
                     </tr>
      
                         <tr>
                             <td align="left" class="style8" colspan="2" valign="top">
                                    
                                <div>
                                  
                                  
                                  
                                  
                                       
                                 <telerik:RadGrid ID="RadGridfirst"   runat="server" Height="198px" 
                                     style="margin-top: 0px"   OnNeedDataSource="RadGrid1_NeedDataSource" 
                                        AllowAutomaticDeletes="True" AllowAutomaticInserts="True" 
                                        AllowAutomaticUpdates="True"  >
      
      
                                     <%-- <ClientSettings AllowRowsDragDrop="True">
                        <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />
                        <ClientEvents OnRowDropping="onRowDropping" />
                    </ClientSettings>--%>
      
      
                        <%--    <MasterTableView AutoGenerateColumns="False"  >--%>
      
                       <%-- <Columns>
                         <telerik:GridTemplateColumn UniqueName = "temp" Visible = false>
                                 <ItemTemplate>
                                    <asp:ImageButton ID="ImageButton1" runat="server" CommandName= "MoveToSelected" ImageUrl="~/green/Delete.gif"
                                        OnClientClick="return OnClientClick(this);" />
                                    </ItemTemplate>
                            </telerik:GridTemplateColumn>
      
                        <telerik:GridBoundColumn  HeaderText="ProductName" 
                             UniqueName="ProductName">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn 
                            HeaderText="SupplierID"  UniqueName="SupplierID">
                        </telerik:GridBoundColumn>--%>
      
                         <%-- <telerik:GridDragDropColumn HeaderStyle-Width="18px" Visible= "true" />
                              
                            <telerik:GridTemplateColumn UniqueName = "temp">
                                 <ItemTemplate>
                                    <asp:ImageButton ID="ImageButton1" runat="server" CommandName= "MoveToSelected" ImageUrl="~/green/Delete.gif"
                                        OnClientClick="return OnClientClick(this);" />
                                    </ItemTemplate>
                            </telerik:GridTemplateColumn>--%>
      
                       <%-- </Columns>--%>
      
                  <%--      </MasterTableView>--%>
      
      
                                 </telerik:RadGrid>
                                   
                                </div> 
                                       
                             </td>
                               
                             <td>
                                  </td>
                             <td align="left" class="style10" colspan="2" valign="top">
                                    
                               <div>
                                 
                               <telerik:RadGrid ID="RadGrid1"   runat="server" Height="198px" 
                                     style="margin-top: 0px"   >
      
                                      
      
      
                                 </telerik:RadGrid>
                                 
                               </div>  
                                   
                                 </td>
                          
                       
                         </tr>
                       
                     
      
                         <tr>
                             <td align="left" class="style8" colspan="5" valign="top">
                                  
                      <asp:HyperLink id="hyperlink1" 
                    
                      Text="A"
                       NavigateUrl = "#" 
                      runat="server"    Font-Underline= "false"     />
      
                       <asp:HyperLink id="hyperlink2" 
                    
                      Text="B"
                       NavigateUrl = "#"
                      runat="server"   Font-Underline= "false"  />
                          
                        <asp:HyperLink id="hyperlink3" 
                    
                      Text="C"
                       NavigateUrl = "#"
                      runat="server"     Font-Underline= "false"     />
      
      
                      <asp:HyperLink id="hyperlink4" 
                    
                      Text="D"
                       NavigateUrl = "#"
                      runat="server"    Font-Underline= "false"    />
      
      
                      <asp:HyperLink id="hyperlink5" 
                    
                      Text="E"
                       NavigateUrl = "#"
                      runat="server"      Font-Underline= "false"       />
      
      
                      <asp:HyperLink id="hyperlink6" 
                    
                      Text="F"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"    />
      
                      <asp:HyperLink id="hyperlink7" 
                    
                      Text="G"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"    />
      
                      <asp:HyperLink id="hyperlink8" 
                    
                      Text="H"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />
      
      
                      <asp:HyperLink id="hyperlink9" 
                    
                      Text="I"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />
                      <asp:HyperLink id="hyperlink10" 
                    
                      Text="J"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false"  />
      
      
                      <asp:HyperLink id="hyperlink11" 
                    
                      Text="K"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"  />
      
                      <asp:HyperLink id="hyperlink12" 
                    
                      Text="L"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"  />
      
                      <asp:HyperLink id="hyperlink13" 
                    
                      Text="M"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />
      
                      <asp:HyperLink id="hyperlink14" 
                    
                      Text="N"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false"   />
      
                      <asp:HyperLink id="hyperlink15" 
                    
                      Text="O"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />
      
      
                      <asp:HyperLink id="hyperlink16" 
                    
                      Text="P"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />
      
      
                      <asp:HyperLink id="hyperlink17" 
                    
                      Text="Q"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false"    />
                      <asp:HyperLink id="hyperlink18" 
                    
                      Text="R"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"  />
      
      
                      <asp:HyperLink id="hyperlink19" 
                    
                      Text="S"
                       NavigateUrl = "#"
                      runat="server" Font-Underline = "false"  />
      
                      <asp:HyperLink id="hyperlink20" 
                    
                      Text="T"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false"   />
      
                      <asp:HyperLink id="hyperlink21" 
                    
                      Text="U"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />
      
                      <asp:HyperLink id="hyperlink22" 
                    
                      Text="V"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"  />
                        
                      <asp:HyperLink id="hyperlink23" 
                    
                      Text="X"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false" />
                        
                      <asp:HyperLink id="hyperlink24" 
                    
                      Text="Y"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false"  />
                        
                      <asp:HyperLink id="hyperlink25" 
                    
                      Text="Z"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false"  />
      
                      <asp:HyperLink id="hyperlink26" 
                    
                      Text="#"
                       NavigateUrl = "#"
                      runat="server" Font-Underline= "false" />
      
                      <%--<asp:HyperLink id="hyperlink27" 
                    
                      Text="ALL"
                       NavigateUrl = "#"
                      runat="server"  Font-Underline= "false"   />--%>
      
                     <%-- <input type="button" value="Show grid!" onclick="OpenGridWindow()" />--%>
      
                   <%--    <a href="#" onclick = "OpenGridWindow()" >ALL</a>  --%>        
                                  
                           <a href="#" onclick="openWin()" >ALL</a>
                                   
                                  
                                 <br />
                                   
                                  
                         </td>
                         </tr>
                       
                       
                         <tr>
                             <td align="left" class="style8" colspan="5" valign="top">
                                 
                                 
                               <asp:PlaceHolder ID="PlaceHolder1" runat="server" />
      
                                 
                               </td>
                         </tr>
                       
                       
                     </table>
      
            
                    </telerik:RadPageView>
      
      
                   <%-- <telerik:RadPageView ID="RadPageView2" runat="server" CssClass="pageViewEducation">
                        <img src="Images/about.png" alt="Products" />
                    </telerik:RadPageView>--%>
                    <telerik:RadPageView ID="RadPageView3" runat="server">
                        <br />
                        <br />
                          
      
                        <table>
                        <tr>
                        <td valign = "top" class="style4">
                          
                         <div id = "div3">
                            <asp:RadioButton   ID = "rb1" AutoPostBack = "True" Checked = "true" GroupName = "group1" 
                             Text = "User Heirarchy" TextAlign = "Right" runat = "server" />
                          </div>
      
                          
                        </td>
      
                        <td valign = "top" class="style4">
                         <div  id="div2">
                                <asp:RadioButton ID="rb2" runat="server" AutoPostBack="True" 
                                    Checked="false" GroupName="group1" 
                                    Text="Attributes Heirarchy" 
                                    TextAlign="Right" oncheckedchanged="rb2_CheckedChanged"  />
                         </div>    
                        </td>
                          
                        <td class="style1" align = "right" valign = "top">
                        <div>
                        <table>
                        <tr>
                        <td valign = "top">
                          
                        <div id = "div4">
                        <asp:RadioButton ID="rb3" runat="server" AutoPostBack="true" 
                                    Checked = "true" GroupName="group2" 
                                    Text="All" 
                                    TextAlign="Right"  Visible = "true" />
                         
                        </div>
                          
                          
                        </td>
                          
                        <td valign = "top">
                        <div id = "div5">
                        <asp:RadioButton ID="rb4" runat="server" AutoPostBack="true" 
                                    Checked="false" GroupName="group2" 
                                     Text="Any" 
                                    TextAlign="Right"  />
                           </div>
                            
                        </td>
                          
                          
                        </tr>
      
                        <tr>
                          
                          
                        <td class="style3" colspan = "2">
                        <div>
      
                        <asp:Label ID="Label1"  runat ="server" Text = "Assignments will be made to  users who have all of the selelcted attributes"
                        />
      
                        </div>
                        </td>
                                              
                        </tr>
       
                        </table>
                          
                          
                        </div>
                                
                        </td>
                     
                          
                        </tr>
      
      
                        <tr>
                          
                        <td>
                          
                        <asp:Label runat = "server" Text = "User Hierarchy" />
      
                        </td>
      
                        <td colspan = "2"  align = "right">
                          
                    <telerik:RadButton  runat = "server"  Text = "Clear" />
                       
                        </td>
                         
                        </tr>
      
                        <tr>
                          
                        <td colspan = "3">
                        <div id = "tree" runat = "server" style ="width:600px; height:161px;"   >
                        <asp:Panel ScrollBars = "Both" runat ="server"  Visible = "true"  style ="width:300px; height:261px;" >
      
                        <telerik:RadTreeView runat="Server" ID="RadTreeView2" CheckBoxes="True" 
                            CheckChildNodes="True" Skin="Vista" onnodeexpand="RadTreeView2_NodeExpand">
                             </telerik:RadTreeView>
                          
                          <%--  <telerik:RadTreeView ID="RadTreeView2" Runat="server">
                            </telerik:RadTreeView>--%>
                          
                        </asp:Panel>
                        </div>
                          
                        </td>
                                                              
                        </tr>
        
                        </table>
                           
                         <br />
            
      
                    </telerik:RadPageView>
      
      
      
                    <telerik:RadPageView ID="RadPageView4" runat="server" Width="803px" 
                        Height="362px" >
      
                    <table>
                      
                    <tr>
      
                    <td>
                    <asp:Label runat ="server" Text = "Advanced Search" />
      
                    </td>
                    </tr>
                      
                    <tr>
                    <td valign = "top">
                      
                    <hr style="width: 621px" />
                      
                       
                    </td>
                    </tr>
      
                    </table>
      
                    <table cellspacing = "10" style="width: 777px">
                    <tr>
                    <td class="style7">
                    <asp:CheckBox Text = "  Assignment Name"  Checked = "false" runat ="server" />
      
                    </td>
                  
                    <td align = "left" colspan="2">
                    <asp:TextBox runat ="server" Enabled = "false" />
                      
                    </td>
      
                    <td class="RadListBoxButtonArea">
                      
                    <asp:CheckBox Text = "  Assigned By" runat = "server" />
                      
                    </td>
                  
      
                    <td align = "left">
                    <asp:TextBox runat = "server" />
      
                    </td>
      
      
      
                    </tr>
      
      
                    <tr>
                       
                      <td class="style7">
                    <asp:CheckBox ID="CheckBox1" Text = "Priority"  Checked = "false" runat ="server" />
      
                    </td> 
      
      
                    <td colspan="2">
                          
                  <telerik:RadComboBox ID="RadComboBox2" runat="server"
                    EmptyMessage="Select" EnableLoadOnDemand="True" ShowMoreResultsBox="true"
                    EnableVirtualScrolling="true" >
                </telerik:RadComboBox>
      
                      
                      
                    </td>
                      
                    <td class="RadListBoxButtonArea">
                      
                    <asp:CheckBox ID="CheckBox2" Text = "  Assigned To" runat = "server" />
                      
                    </td>
      
                    <td align = "left">
                    <asp:TextBox ID="TextBox1" runat = "server" />
      
                    </td>
                    </tr>
      
      
                    <tr>
                      
                     <td class="style7">
                    <asp:CheckBox ID="CheckBox3" Text = "Only Optional"  Checked = "false" runat ="server" />
      
                    </td> 
      
      
                    <td colspan="2">
                          
                  <telerik:RadComboBox ID="RadComboBox1" runat="server"
                    EmptyMessage="Select" EnableLoadOnDemand="True" ShowMoreResultsBox="true"
                    EnableVirtualScrolling="true" >
                </telerik:RadComboBox>
      
                      
                      
                    </td>
                      
                    <td class="RadListBoxButtonArea">
                      
                    <asp:CheckBox ID="CheckBox4" Text = "  Assigned Content" runat = "server" />
                      
                    </td>
      
                    <td align = "left">
                    <asp:TextBox ID="TextBox2" runat = "server" />
      
                    </td>
                      
                     </tr>
          
                      
                        <tr>
                            <td class="style7">
                                <asp:CheckBox ID="CheckBox5" runat="server" Text="Data Assigned" />
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker1" Runat="server" Width = "100px" 
                                    Culture="en-US" SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat ="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat ="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker2" Runat="server" Width = "100px" 
                                    Culture="en-US" SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                            <td class="RadListBoxButtonArea">
                                <asp:CheckBox ID="CheckBox6" runat="server" Text="Activity Type" />
                            </td>
                            <td align="right">
                                 </td>
                        </tr>
      
      
      
          
          
                       
                        <tr>
                            <td class="style7">
                                <asp:CheckBox ID="CheckBox7" runat="server" Text="Start Date" />
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker3" Runat="server" Culture="en-US" Width = "100px" 
                                    SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker4" Runat="server"  Width = "100px" 
                                    Culture="en-US" SelectedDate="2010-11-20"
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x"   runat="server" >
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
      
                           <td colspan="2" rowspan="3" valign = "top" >
                             <telerik:RadListBox ID="RadListBox3" runat="server" height= "140px" width= "352px"
                                  >
                               
                                 
                               <Items>
                                <telerik:RadListBoxItem Text="Argentina" />
                                <telerik:RadListBoxItem Text="Australia" />
                                <telerik:RadListBoxItem Text="Brazil" />
                                <telerik:RadListBoxItem Text="Canada" />
                                <telerik:RadListBoxItem Text="Chile" />
                                <telerik:RadListBoxItem Text="China" />
                                <telerik:RadListBoxItem Text="Argentina" />
                                <telerik:RadListBoxItem Text="Australia" />
                                <telerik:RadListBoxItem Text="Brazil" />
                                <telerik:RadListBoxItem Text="Canada" />
                                <telerik:RadListBoxItem Text="Chile" />
                                <telerik:RadListBoxItem Text="China" />
      
      
                               </Items>
                                 
                                 
                                 
                               </telerik:RadListBox>
                                 
                                
      
      
      
                               </td>
                        </tr>
      
      
      
          
          
                       
                        <tr>
                            <td class="style7">
                                <asp:CheckBox ID="CheckBox8" runat="server" Text="Completed By Date" />
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker5" Runat="server" Culture="en-US"  Width = "100px" 
                                    SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker6" Runat="server" Culture="en-US"  Width = "100px" 
                                    SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                        </tr>
                        <tr>
                            <td class="style7">
                                <asp:CheckBox ID="CheckBox9" runat="server" Text="Removed By Date" />
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker7" Runat="server" Culture="en-US"  Width = "100px" 
                                    SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker8" Runat="server" Culture="en-US"  Width = "100px" 
                                    SelectedDate="2010-11-20">
                                    <Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" 
                                        ViewSelectorText="x" runat="server">
                                    </Calendar>
                                    <DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" 
                                        SelectedDate="2010-11-20" runat="server">
                                    </DateInput>
                                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                </telerik:RadDatePicker>
                            </td>
                        </tr>
      
      
      
          
          
                       
                    </table>
      
      
      
      
                    </telerik:RadPageView>
                </telerik:RadMultiPage>
                <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Textarea" />
                <br />
            </div>
              
         <%--   <qsf:Footer runat="server" ID="Footer1"></qsf:Footer>--%>
        </form>
    </body>
    </html>
    Hi,

    Below is the configuration of my Development system.
    1. Windows 7 32-bit
    2. Dot Net framework 4.0
    3. VS2010
    4. IE 8.0
    5. Telerik RadControls for ASP.NET AJAX Q3 2010 Trial version

    And Configuration of Deployment Server
    1. Window server 2003 standard edition sp2
    2. Dot Net framework 4.0
    3. IE 8.0
    4. Telerik RadControls for ASP.NET AJAX Q3 2010 Trial Version

    I am using trial version Rad Control and develop a website using RAD TabStrip and Rad Grid Control.
    Issue:
    After publishing website on deployment server the RadControl does not appear properly and got distorted as shown in attached screenshot "OnDeploymentServer".
    Although Rad Control appears OK on hosting website on Development server as shown in attached screenshot "OnDevelopmentServer"

    I am attaching the publish code which is working fine on Window7 But not on Window Server 2003. And also attaching the code files also.

    For deploying on Webserver required any specific cofiguration then suggest us.
  2. Veli
    Admin
    Veli avatar
    2002 posts

    Posted 30 Nov 2010 Link to this post

    Hello Rohit,

    Internet Explorer 8 shows web sites from the local intranet zone in Compatibility View by default. You can read more about it in this support article from Microsoft. This is observed also in your screen shots. IE running a page on the local machine is in compatibility view. You can see it's got the little broken page icon at the right side of the address bar. The same is missing when running from the production machine. Chances are this is related to your issue.

    Veli
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. Stacy
    Stacy avatar
    10 posts
    Member since:
    Oct 2008

    Posted 31 Jan 2011 Link to this post

    I am having the same issue as above and if I turn on or off the compatibility view on my local machine nothing changes in the rendering and everything looks good however when the same is put up to the testing server the multiview/tabstrips are broken as the OP describes.  I have turned on compatibility view on the server's browser and I still get the same results.  This happened when I upgraded the site to framework 4.0 and the latest build of Telerik.  Please let me know if you have any other suggestions as this is a show stopper for my production environment.
  4. Stacy
    Stacy avatar
    10 posts
    Member since:
    Oct 2008

    Posted 31 Jan 2011 Link to this post

    I have found the solution to my issue. 

    I added the following to the handlers section of the web config:
    Snippet
    <add name="Telerik.Web.UI.WebResource.axd" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2010.3.1317.40, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />
    this fixed all the rendering issues I had.

    Stacy Frank
    Sundial Software Co.
  5. Subrahmanya Kadiyala
    Subrahmanya Kadiyala avatar
    12 posts
    Member since:
    Nov 2009

    Posted 03 Aug 2013 Link to this post

    Hello,

    I'm running into same issue. Using latest version of Telerik RadControls. Everything works fine on local but when deployed on server the display is distorted and in radgrid when clicked on row clik event is not firing. Can someone please help me what setting needs to be enables?

    Thanks in Advance.

    Subra
  6. Angel Petrov
    Admin
    Angel Petrov avatar
    1102 posts

    Posted 07 Aug 2013 Link to this post

    Hello Subra,

    It seems that there might be a JavaScript error on the page or some scripts have failed to load. Could you please elaborate more on your scenario? This would facilitate us in providing a more precise answer.
    Meanwhile you can go through the following help articles which can help in resolving the problem

    Regards,
    Angel Petrov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top