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

set border for rad tab page

2 Answers 221 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Chap
Top achievements
Rank 1
Chap asked on 30 Oct 2012, 06:56 AM
How do I add a border like attach image to radtab? do I need to use custom css or are there any inbuilt features provide this facility 

2 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 30 Oct 2012, 09:00 AM
Hi,

Try the following code to achieve your scenario.

ASPX:
<telerik:RadTabStrip ID="RadTabStrip3" runat="server" MultiPageID="RadMultiPage2"  Style="position: relative; z-index: 1000" SelectedIndex="0"
 <Tabs>
   <telerik:RadTab runat="server" Text="Root RadTab1" Selected="True"
   </telerik:RadTab>
   <telerik:RadTab runat="server" Text="Root RadTab2"
   </telerik:RadTab>
 </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage2" runat="server" BorderColor="DarkGray" BorderStyle="Solid" BorderWidth="1px" CssClass="mystyle" SelectedIndex="0"
  <telerik:RadPageView ID="RadPageView4" runat="server"
    <div
      RadPageView1 
    </div>
  </telerik:RadPageView>
  <telerik:RadPageView ID="RadPageView5" runat="server"
     <div
       RadPageView2</div>
     </telerik:RadPageView>
</telerik:RadMultiPage>

CSS:
<style type="text/css"
 .mystyle 
 
  margin-top: -2px
  padding: 3px
 
</style>

Thanks,
Princy.
0
Chap
Top achievements
Rank 1
answered on 30 Oct 2012, 10:30 AM
thanks works well
Tags
TabStrip
Asked by
Chap
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Chap
Top achievements
Rank 1
Share this question
or