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

On Deploying Website RadTabStrip and Rad Grid Control Design Distorted

5 Answers 117 Views

General Discussions

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

Rohit asked on 26 Nov 2010, 03:58 PM

ondevelopmentserver.png

ondeploymentserver.png

<%--<%@ 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>

<html xmlns="http://www.w3.org/1999/xhtml">

<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" />

<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>

<%--<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 />

<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 />

<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.

5 Answers, 1 is accepted

answered on 30 Nov 2010, 04:13 PM

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.

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

On Deploying Website RadTabStrip and Rad Grid Control Design Distorted

5 Answers, 1 is accepted