정렬 텍스트는 수직으로

내가 같이 수평으로 정렬하는 데 사용 strips.Generally 내 방사선 탭을 정렬 할 수있는 방법을 찾고 있어요 telerik 방사선 탭 스트립 asp.net을 사용하여 이 :정렬 텍스트는 수직으로

O-| 
n |- This is one tab.It occupies the complete div.As in, the space you see below for two and  three. 
e-| 

T 
w 
o 

T 
h 
r 
e 
e

어떻게하면 rad 컨트롤과 asp.net을 사용하여 달성 할 수 있습니까? 나는 수직 왼쪽으로 방향을 설정할 때 나는이

One 
Two 
Three

처럼 내 코드의 일부를 뭔가를 종료하고 것은 :

<telerik:RadMultiPage ID="radCustInfo" runat="server" SelectedIndex="0" CssClass="outerMultiPage"> 
          <telerik:RadPageView ID="radCustInfoPage" runat="server"> 
           <telerik:RadTabStrip ID="radCustInfoTab" runat="server" MultiPageID="radMultiPageCustInfo" 
            SelectedIndex="0" Orientation="VerticalLeft" Width="30px" Height="150px" Align="Left"> 
            <Tabs> 
             <telerik:RadTab ImageUrl="images/companyTabStrip.gif" Width="30px" height="55px" ></telerik:RadTab>            
             <telerik:RadTab ImageUrl="images/contactsTabStrip.gif" Width="30px" height="60px" ></telerik:RadTab>            
             <telerik:RadTab ImageUrl="images/notesTabStrip.gif" Width="30px" height="50px" ></telerik:RadTab> 
            </Tabs> 
           </telerik:RadTabStrip> 

           <telerik:RadMultiPage runat="server" ID="radMultiPageCustInfo" SelectedIndex="0" CssClass="innerMultiPage"> 
            <telerik:RadPageView runat="server" ID="PageView1" BackColor="White"> 
             <table style="vertical-align:top; height:75px;"> 
              <tr> 
               <td style="vertical-align: top; height: 75px; width:75px;"> 
                <b class="infoTitle">Company:</b><br /> 
                <asp:Literal ID="litCompany" runat="server" /><br /> 
                <asp:HyperLink ID="HyperLink1" runat="server" Text="Edit Customer" Target="_blank" Visible="false" /> 
               </td> 
               <td style="vertical-align: top; height: 100px;"> 
                <div class="divAddress" style="height: 70px"> 
                 <b class="infoTitle">Address:</b><br /> 
                 <asp:Literal ID="litAddress" runat="server" /><br /> 
              </tr> 
             </table>                     
            </telerik:RadPageView>

... 등 나는 이미지를 사용하고 잘 보이지 않는다. 내가 rts rtsLink rtsLI 등 ..에 대한 CSS를 조정했지만 아무도 작동하는 것. 당신이 ask.Thanks

이

출처

2013-10-14 RookieAppler

보다는 RadTabStrip이 데모를 시작하는 RadSpliiter

체크 아웃 사용 Telerik

http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_slidedirection/defaultcs.aspx

출처

2013-10-15 06:35:12

한번에 더 많은 정보를하시기 바랍니다 필요하면 누군가? 올바른 방향으로 날 지점 수 이 :

.box_rotate { 
    -moz-transform: rotate(90deg); /* FF3.5+ */ 
     -o-transform: rotate(90deg); /* Opera 10.5 */ 
    -webkit-transform: rotate(90deg); /* Saf3.1+, Chrome */ 
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ 
}

ASPX :

<telerik:RadTabStrip ID="tab1" runat="server" Orientation="VerticalLeft"> 
      <Tabs> 
       <telerik:RadTab Text="Tab1" runat="server" CssClass="box_rotate"> 
       </telerik:RadTab> 
       <telerik:RadTab Text="Tab2" runat="server" CssClass="box_rotate"> 
       </telerik:RadTab> 
       <telerik:RadTab Text="Tab3" runat="server" CssClass="box_rotate"> 
       </telerik:RadTab> 
       <telerik:RadTab Text="Tab4" runat="server" CssClass="box_rotate"> 
       </telerik:RadTab> 
      </Tabs> 
     </telerik:RadTabStrip>

출처

2013-10-15 11:57:48

정렬 텍스트는 수직으로

답변

관련 문제