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无法正确显示在表

回答

相关问题