1. The screenshot_1 when mouse cursor is over the header of the time picker.
2. The screenshot_2 when mouse cursor is away from the header of the time picker.
3. When mouse is traversed over the header of time picker, the header starts flickering continuously with images of header in the screenshots.
4. I have used the following CSS for time picker.
<Quote>
.radTimeTableCss_Vista caption
{
display: none;
}
.radTimeTableCss_Vista
{
cursor:default;
background:#6A737B;
font:normal 9pt verdana,"segoe ui", arial, verdana, sans-serif;
color: #FFFFFF;
border:solid 1px #979797;
border-collapse:collapse;
}
.radTimeTableCss_Vista td
{
background:#FFFFFF;
padding:0;
margin:0;
}
.radHeaderCss_Vista
{
text-align:center;
border-bottom: solid 4px #78A22F ;
padding:7px 0;
}
.radTimeTableCss_Vista a
{
display: block;
text-align: left;
text-decoration: none;
cursor: pointer;
}
.radAlternatingItemCss_Vista
{
/*border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;*/
}
.radItemCss_Vista a,
.radAlternatingItemCss_Vista a,
.radTimeOverCss_Vista a
{
display:block;
width:75px;
height:20px;
line-height:20px;
margin-bottom:6px;
}
.radItemCss_Vista a,
.radAlternatingItemCss_Vista a
{
color:#666;
}
.radTimeOverCss_Vista a
{
color: #6A737B;
background: #eaf0e1 /*url(Img/radTimeOver.gif) no-repeat */;
}
.radTimeTableCss_Vista .radFooterCss_Vista
{
color: #666;
}
.radPopupImage_Vista
{
position: relative;
*position: inherit;
outline: none;
}
.radPopupImage_Vista img
{
vertical-align: middle;
_vertical-align: top; /* IE fix */
margin-left: 8px; /*12 FEBspace between text field and calnedar */
margin-right: 2px;
margin-top: -1px; /* IE margins fix */
_margin-top: 0px;
border-width: 0px;
}
.radDisabled_Vista img
{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
</Quote>


I have tried the example code for creating a Pageview via the Client API but it does not appear to work. There are no error messages, the function is being called but the new PageView is not being created.
http://www.telerik.com/help/aspnet-ajax/tab_add-pageviews-client-side.html
My code:
| <script> |
| function pageLoad() |
| { |
| var multiPage = $find("<%=RadMultiPage1.ClientID %>"); |
| multiPage.trackChanges(); |
| var pageView = new Telerik.Web.UI.RadPageView(); |
| pageView.set_id("myID"); |
| multiPage.get_pageViews().add(pageView); |
| pageView.get_element().innerHTML = "PageView1"; |
| multiPage.commitChanges(); |
| } |
| </script> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager" runat="server" /> |
| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"> |
| <Tabs> |
| <telerik:RadTab runat="server" Text="Root RadTab1"> |
| </telerik:RadTab> |
| <telerik:RadTab runat="server" Text="Root RadTab2"> |
| </telerik:RadTab> |
| <telerik:RadTab runat="server" Text="Root RadTab3"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| <telerik:RadMultiPage ID="RadMultiPage1" runat="server"> |
| </telerik:RadMultiPage> |
| </form> |
| </body> |



| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" |
| SelectedIndex="0" Skin="Default" ShowBaseLine="False"> |
| <Tabs> |
| <telerik:RadTab Text="Summary / General" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| <Tabs> |
| <telerik:RadTab Text="File Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="File Summary by File Type" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="File Summary by Custodian" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Tagged File Summary by Custodian" SelectedCssClass="SelectedTab" |
| DisabledCssClass="DisabledTab" HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="File(s) not in Export Set" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Containers" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| <Tabs> |
| <telerik:RadTab Text=" Summary of Container Files" SelectedCssClass="SelectedTab" |
| DisabledCssClass="DisabledTab" HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Container File Details" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| <Tabs> |
| <telerik:RadTab Text="Top 25 File Types" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Office File Types" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="File Type Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="File Author Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Known System Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Duplicate Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| <Tabs> |
| <telerik:RadTab Text="Duplicates (Custodian)" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Duplicates (Global)" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Duplicate Files (Loose)" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Duplicate Emails" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Emails" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| <Tabs> |
| <telerik:RadTab Text="Email Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Email Summary by Sender" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text=" Conversation Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="Attachment Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" |
| HoveredCssClass="HoveredTab"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="100%"> |
| <telerik:RadPageView ID="RadPageView1" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView2" runat="server"> |
| <uc1:ucFileDetails ID="ucFileDetails1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView3" runat="server"> |
| <uc2:ucFileManifestBatch ID="ucFileManifestBatch1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView4" runat="server"> |
| <uc3:ucCustodianDetails ID="ucCustodianDetails1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView5" runat="server"> |
| <uc4:ucProductionSetFiles ID="ucProductionSetFiles1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView6" runat="server"> |
| <uc5:ucFileListTaggedButNotInProductionSet ID="ucFileListTaggedButNotInProductionSet1" |
| runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView7" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView8" runat="server"> |
| <uc7:ucContainerFileSummary ID="ucContainerFileSummary1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView9" runat="server"> |
| <%-- <uc9:ucContainerFileDetails ID="ucContainerFileDetails1" runat="server" />--%> |
| Container Detail Report |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView10" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView11" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView12" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView13" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView14" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView15" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView16" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView17" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView18" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView19" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView20" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView21" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView22" runat="server"> |
| <uc6:ucFrequencyInProject ID="ucFrequencyInProject1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView23" runat="server"> |
| <uc8:ucFrequencyByEmailAddress ID="ucFrequencyByEmailAddress1" runat="server" /> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView24" runat="server"> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView25" runat="server"> |
| </telerik:RadPageView> |
| </telerik:RadMultiPage> |
Hi there.
I have a RadGrid that has Master/Detail tables in it. I have purposely removed the expand/collapse column and made the grid expand/collapse when the row is selected (on item command). My grid is a single select grid, but when I select a master table row, then scroll so that the selected row is no longer visible, then select another row, the grid has 2 rows selected. This does not occur when I select multiple rows on the same viewable region in the grid. I am coding around this issue right now, by looking to see if the selected row count is > 1, then clearing the selection appropriately. I obviously have something setup incorrectly. Any ideas?
Here is my relevant code-behind code:
| override protected void OnInit(EventArgs e) |
| { |
| this.Load += new System.EventHandler(this.Page_Load); |
| this.rgT.NeedDataSource += new GridNeedDataSourceEventHandler(this.rgTask_NeedDataSource); |
| this.rgT.DetailTableDataBind += new GridDetailTableDataBindEventHandler(this.rgT_DetailDataBind); |
| this.cbOperators.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(cbOperators_SelectedIndexChanged); |
| this.rgT.ItemDataBound += new GridItemEventHandler(rgT_ItemDataBound); |
| this.rgT.ItemCommand += new GridCommandEventHandler(rgT_ItemCommand); |
| this.btnAddTask.Click += new EventHandler(this.btnAddTask_Click); |
| this.btnEdit.Click += new EventHandler(this.btnEdit_Click); |
| this.btnDelete.Click += new EventHandler(this.btnDelete_Click); |
| this.btnQualifiers.Click += new EventHandler(this.btnQualifiers_Click); |
| this.btnBack.Click += new EventHandler(this.btnBack_Click); |
| this.btnBulkLoad.Click += new EventHandler(this.btnBulkLoad_Click); |
| base.OnInit(e); |
| } |
| protected void rgT_ItemCommand(object source, GridCommandEventArgs e) |
| { |
| if (e.CommandName == "RowClick") |
| { |
| // row is selected, enable appropriate buttons |
| EnableButtons(true); |
| // toggle the row expansion |
| GridDataItem item = (GridDataItem)e.Item; |
| item.Expanded = !item.Expanded; |
| } |
| } |
| protected void rgT_DetailDataBind(object source, GridDetailTableDataBindEventArgs e) |
| { |
| GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem; |
| if (rgT.SelectedItems.Count > 0) |
| { |
| long TaskId = (long)rgT.MasterTableView.DataKeyValues[rgT.SelectedItems[0].ItemIndex]["TaskId"]; |
| e.DetailTableView.DataSource = BLQualifierSet.SelectQualifiersByTask(TaskId); |
| } |
| } |
| <telerik:RadGrid ID="rgT" runat="server" GridLines="None" |
| AutoGenerateColumns="False" AllowSorting="True" |
| Width="100%" AllowMultiRowSelection="false"> |
| <MasterTableView CellSpacing="-1" DataKeyNames="TaskId" TableLayout="Fixed" ExpandCollapseColumn-Display="False"> |
| <Columns> |
| <telerik:GridBoundColumn DataField="Number" UniqueName="colNumber" HeaderText="Number" HeaderStyle-Width="5%"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Name" UniqueName="colName" HeaderText="Title" HeaderStyle-Width="85%"> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn DataField="SpanControlRatio" HeaderText="SOC" HeaderStyle-Width="10%" |
| UniqueName="colSpanControlRatio"> |
| <ItemTemplate> |
| <asp:Label ID="lblSOCRatio" runat="server" |
| Text='<%# Eval("SpanControlRatio") %>'></asp:Label> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| </Columns> |
| <DetailTables> |
| <telerik:GridTableView DataKeyNames="QualifierSetID" Name="QualifierSets" Width="100%" TableLayout="Fixed"> |
| <ParentTableRelation> |
| <telerik:GridRelationFields DetailKeyField="TaskId" MasterKeyField="TaskId" /> |
| </ParentTableRelation> |
| <Columns> |
| <telerik:GridTemplateColumn HeaderStyle-Width="5%" ItemStyle-ForeColor="Red"> |
| <ItemTemplate><asp:Label id="rowNum" runat="server"></asp:Label> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridBoundColumn HeaderText="Provider" DataField="ProviderName" DataType="System.String" HeaderStyle-Width="15%"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Evaluations" DataField="QualifierName" DataType="System.String" HeaderStyle-Width="55%"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Method" DataField="QualifierType" DataType="System.String" HeaderStyle-Width="10%"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Re-Evaluation Frequency" DataField="ReevaluationFrequency" HeaderStyle-Width="15%" DataType="System.Int32"></telerik:GridBoundColumn> |
| </Columns> |
| <GroupByExpressions> |
| <telerik:GridGroupByExpression> |
| <GroupByFields> |
| <telerik:GridGroupByField FieldName="QualifierSetId" /> |
| </GroupByFields> |
| <SelectFields> |
| <telerik:GridGroupByField FieldName="EmptyString" HeaderText="Evaluation Set" HeaderValueSeparator=" "/> |
| </SelectFields> |
| </telerik:GridGroupByExpression> |
| </GroupByExpressions> |
| </telerik:GridTableView> |
| </DetailTables> |
| </MasterTableView> |
| <ClientSettings EnablePostBackOnRowClick="true"> |
| <Selecting AllowRowSelect="True" /> |
| <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="300px"/> |
| </ClientSettings> |
| </telerik:RadGrid> |