

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