Tab Strip with Bitmaps - Skin showing

1 posts, 0 answers
  1. Dariush Habibi
    Dariush Habibi avatar
    6 posts
    Member since:
    Oct 2012

    Posted 03 Feb 2015 Link to this post

    Using a tab strip with bitmaps for the tabs, per sample code provided online.  The ski bitmap is still showing next to the images.  The .jpgs are not centered but offset on the tabs and you can see the lines of the tabs in the skins next to the bitmaps and even below the bitmaps when looking at the web site.  The example in the demo seems to work perfectly the way I like but have not been able to get to that state.  Also can not get the strip to go to the bottom of the page, etc.  Have tried setting the sizes to correspond exactly to the bitmaps but nothing has worked.  Again bitmaps are shifted to the right and you can see the lines of a tab strip.  Have tried multiple different skins, basically need a skin which does not have any graphics at all.  Last thing I tried was setting the skin rendering to false but that has not fixed the issue either.

    Don


    <body>
        <form id="form1" runat="server">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"></telerik:RadStyleSheetManager>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <div>
                    <telerik:RadTabStrip runat="server" ID="RadTabStrip1"
                        MultiPageID="RadMultiPage1" Width="500px" SelectedIndex="4" Skin="Windows7"
                        Height="35px" Align="Center" BackColor="White" EnableAjaxSkinRendering="False">
                        <Tabs>
                            <telerik:RadTab ImageUrl="/images/Weight.jpg"   ToolTip="Weight"      
                                SelectedImageUrl="/images/Weight-hover.jpg"  align="center"
                                HoveredImageUrl="/images/Weight-hover.jpg"   Width="100" BackColor="white" ></telerik:RadTab>
                            <telerik:RadTab ImageUrl="/images/people.jpg"   ToolTip="Athletes"    
                                SelectedImageUrl="/images/People-hover.jpg"  align="center"
                                HoveredImageUrl="/images/People-hover.jpg"   Width="100" BackColor="white" ></telerik:RadTab>
                            <telerik:RadTab ImageUrl="/images/calendar.jpg" ToolTip="Calendar"    
                                SelectedImageUrl="/images/Calendar-hover.jpg" align="center"
                                HoveredImageUrl="/images/Calendar-hover.jpg" Width="100" BackColor="white" ></telerik:RadTab>
                            <telerik:RadTab ImageUrl="/images/Notes.jpg"    ToolTip="Notes"       
                                SelectedImageUrl="/images/Notes-hover.jpg"   align="center"
                                HoveredImageUrl="/images/Notes-hover.jpg"    Width="100" BackColor="white"></telerik:RadTab>
                            <telerik:RadTab ImageUrl="/images/MyPage.jpg"   ToolTip="My Exercise"
                                SelectedImageUrl="/images/MyPage-hover.jpg"  align="center"
                                HoveredImageUrl="/images/MyPage-hover.jpg"   Width="100" BackColor="white"></telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
                    <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="4"
                        CssClass="outerMultiPage">
                        <telerik:RadPageView runat="server" ID="PageView1">
                            <telerik:RadCalendar ID="RadCalendar1" Runat="server" Skin="Glow">
                                <WeekendDayStyle CssClass="rcWeekend" />
                                <CalendarTableStyle CssClass="rcMainTable" />
                                <OtherMonthDayStyle CssClass="rcOtherMonth" />
                                <OutOfRangeDayStyle CssClass="rcOutOfRange" />
                                <DisabledDayStyle CssClass="rcDisabled" />
                                <SelectedDayStyle CssClass="rcSelected" />
                                <DayOverStyle CssClass="rcHover" />
                                <FastNavigationStyle CssClass="RadCalendarMonthView RadCalendarMonthView_Glow" />
                                <ViewSelectorStyle CssClass="rcViewSel" />
                            </telerik:RadCalendar>
                        </telerik:RadPageView>

                        <telerik:RadPageView runat="server" ID="PageView2">
                        </telerik:RadPageView>
Back to Top