So far I've not seen this problem anywhere else, and all of the other developers who have a lot more experience with this than I have never seen it either.
I have a grid on a .aspx page, that has data associated with it. When the page loads there is a VERY small area for the data grid lines(turns out it is 10px). When I right-click and "refresh" the page, the grid is correctly showing (170px). The area for the grid appears to be rendering fine, and actually the grid area itself appears to be the correct size, just the data lines (and a miniture scrollbar) show on the initial load, the page refresh shows it just fine. When I debug the page, the correct data is in the grid.
Here is the radWindow definition for the page:
<rad:RadWindow ID="ctlEmailSubmittals" runat="server" ClientCallBackFunction="RadWindowCallBack"
Height="700px" Left="" Modal="true" SkinsPath="~/RadControls/Window/Skins"
Title="Submittal Generated" Top="" VisibleStatusbar="False" Width="1200px"
Behavior="Close" />
<form i
d="form1" runat="server">
<rad:RadAjaxManager ID="ctlAjaxMgr" runat="server">
<AjaxSettings>
<rad:AjaxSetting AjaxControlID="ctlAjaxMgr">
<UpdatedControls>
<rad:AjaxUpdatedControl ControlID="rgEmailAddresses" />
</UpdatedControls>
</rad:AjaxSetting>
<rad:AjaxSetting AjaxControlID="rgEmailAddresses">
<UpdatedControls>
<rad:AjaxUpdatedControl ControlID="rgEmailAddresses" />
</UpdatedControls>
</rad:AjaxSetting>
<rad:AjaxSetting AjaxControlID="ctlABLDirtyFlagLite" />
</AjaxSettings>
<ClientEvents OnRequestStart="DoRequestStartEvents();" OnResponseEnd="DoResponseEndEvents();" />
</rad:RadAjaxManager>
<tr>
<td>
<span>TO:</span>
<rad:RadGrid ID="rgEmailAddresses" runat="server" AutoGenerateColumns="False" Skin="ABL_Std"
DataSourceID="odsContacts" AllowMultiRowSelection="True" Height="170px">
<MasterTableView CommandItemDisplay="Top" TableLayout="Fixed">
<RowIndicatorColumn Visible="False">
</RowIndicatorColumn>
<Columns>
<rad:GridTemplateColumn UniqueName="SELECT">
<HeaderStyle Width="22px" />
<HeaderTemplate>
<asp:CheckBox ID="chkHeaderSelect" runat="server" onclick="SelectAllCheckedChanged();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" runat="server" onclick="SingleCheckboxCheckedChanged();" />
</ItemTemplate>
</rad:GridTemplateColumn>
<rad:GridBoundColumn DataField="COMPANY_TYPE" DataType="System.String" HeaderText="Company Type"
ReadOnly="True" SortExpression="COMPANY_TYPE" UniqueName="company_type">
<HeaderStyle Width="142px" />
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="COMPANY" DataType="System.String" HeaderText="Company"
ReadOnly="True" UniqueName="company">
<HeaderStyle Width="170px" />
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="COMPANY_CONTACT_DATA" DataType="System.String" HeaderText="Contact"
ReadOnly="True" UniqueName="company_contact_data">
<HeaderStyle Width="145px" />
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="CONTACT_EMAIL_ADDRESS" DataType="System.String" HeaderText="Email Address"
ReadOnly="True" UniqueName="contact_email_address">
<HeaderStyle Width="175px" />
</rad:GridBoundColumn>
</Columns>
<CommandItemTemplate>
<div>
<a href="javascript:void(0);" onclick="AddSelectedEmails();">Add Emails</a>
</div>
</CommandItemTemplate>
<NoRecordsTemplate>
<asp:Label ID="label1" Text="No records to display." runat="server"></asp:Label>
</NoRecordsTemplate>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="False" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="170px" />
</ClientSettings>
</rad:RadGrid>
</td>
</tr>
I have a telerik radstrip with two radtabs on my page which is linked to a radmultipage with two pages and the each of the pages have a radgrid on it. I hide/show the radstrip on a button click.
sometimes the radtab style changes unexpectedly and showing it as bulleted rather than tabs as in attached image.
when the page loads first time I do not show the tab. Clicking on the button shows the tab and it is showing up properly as in attached image 1. Then I hide the tab by clicking the button again and make some drop down selection and then click the button again to show the tab. This time my selection causes the grids on the tab to show some data. But now the tab style is changed unexpectedly as in attached image 2.
please help.
<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="ActivityProperties.aspx.cs" Inherits="BAC.IRIS.UI.Web.ActivityProperties" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
style
=
"padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;"
>
<
form
id
=
"Telerik"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator1"
runat
=
"server"
DecoratedControls
=
"All"
EnableRoundedCorners
=
"true"
Skin
=
"Black"
/>
<
h4
>Test</
h4
>
<
table
id
=
"LeftColumn"
cellpadding
=
"3"
cellspacing
=
"0"
width
=
"100%"
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:Label
ID
=
"lblActivityIDDesc"
runat
=
"server"
Text
=
"Activity ID: "
/>
</
td
>
<
td
>
</
td
>
<
td
align
=
"left"
>
<
telerik:RadTextBox
ID
=
"radActivityID"
runat
=
"server"
ReadOnly
=
"true"
/>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:Label
ID
=
"Label1"
runat
=
"server"
Text
=
"Activity Type: "
/>
<
asp:Label
ID
=
"Label2"
runat
=
"server"
Text
=
"*"
/>
</
td
>
<
td
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:DropDownList
ID
=
"ddlActivityType"
runat
=
"server"
>
<
asp:ListItem
Text
=
"Test Item"
Value
=
"1"
/>
</
asp:DropDownList
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:Label
ID
=
"Label3"
runat
=
"server"
Text
=
"Activity Type: "
/>
<
asp:Label
ID
=
"Label4"
runat
=
"server"
Text
=
"*"
/>
</
td
>
<
td
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
select
id
=
"select1"
name
=
"ddlTest"
>
<
option
value
=
"1"
>Test Item</
option
></
select
>
</
td
>
</
tr
>
</
table
>
</
form
>
</
body
>
</
html
>