RadSpell無法正確顯示在表

我有一張表，其中包含一個RadTextBox和一個RadSpell控制。兩者都在它們自己的td標籤中，但是當以ie 10和chrome顯示時，RadSpell按鈕與RadTextBox重疊。 Overlapped TextBox RadSpell無法正確顯示在表

這個頁面的代碼是：

<table> 
     <colgroup> 
      <col width="33%" /> 
      <col width="36%" /> 
      <col width="31%" /> 
     </colgroup> 
     <tbody> 
      <tr> 
       <td> 
        <DescriptionLabel ID="dlNote" Text="Note:" AssociatedControlID="rtbNote" runat="server" /> 
       </td> 
       <td> 
        <tel:RadTextBox ID="rtbNote" runat="server" TextMode="MultiLine" CssClass="SmallTextArea" 
         MaxLength="8000" /> 
       </td> 
       <td> 
        <tel:RadSpell ID="spellNote" runat="server" ControlsToCheck="rtbNote" ButtonText="Spell Check" 
         ButtonType="PushButton" AllowAddCustom="false" /> 
       </td> 
      </tr> 
     </tbody> 
    </table>

我使用Telerik控制版本2013.2.611.40

編輯：我不知道如何Telerik的決定，但我發現，跨度對於RadTextBox，它的寬度設置爲160px，當CssClass SmallTextArea將文本框的寬度設置爲300px時，像這樣：

.SmallTextArea 
    { 
     height:150px !important; 
     width:300px !important; 
    }

來源

2013-06-19 Prodigal Maestro

正如此間指出，http://www.telerik.com/community/forums/aspnet-ajax/input/radtextbox-resizing.aspx

這是如果你使用一個CSS類的WrapperCssClass屬性設置爲相同的類CssClass屬性的默認行爲或RadTextBox來解決這個問題。

它最終會看起來像這樣：

<td> 
    <tel:RadTextBox ID="rtbNote" runat="server" TextMode="MultiLine" CssClass="SmallTextArea" WrapperCssClass="SmallTextArea" 
     MaxLength="8000" /> 
</td>

來源

2013-06-27 17:02:34

它適用於我，所以這很可能是由於您在頁面上有一些自定義CSS。刪除它，看看是否是這種情況。 enter image description here

來源

2013-06-26 11:48:23 rdmptn

RadSpell無法正確顯示在表

回答

相關問題