0

RadTextBoxとRadSpellコントロールを保持するテーブルがあります。どちらも独自の td タグにありますが、ie 10 と chrome で表示すると、RadSpellボタンがRadTextBox. 重なったテキストボックス

ページのコードは次のとおりです。

    <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 を使用しています

編集:テレリックがこれをどのように決定するかはわかりませんがRadTextBox、CssClass SmallTextArea がテキストボックスの幅を次のように 300px に設定すると、スパンの幅が 160px に設定されることがわかりました:

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

2 に答える 2

0

私にとっては問題なく動作するため、これはページにあるカスタム CSS が原因である可能性が最も高いです。それを削除して、これが事実であるかどうかを確認してください。 ここに画像の説明を入力

于 2013-06-26T11:48:23.513 に答える
0

ここで指摘したように: http://www.telerik.com/community/forums/aspnet-ajax/input/radtextbox-resizing.aspx

これはデフォルトの動作ですRadTextBox。CSS クラスを使用している場合にこれを修正するには、WrapperCssClass プロパティを CssClass プロパティと同じクラスに設定します。

最終的には次のようになります。

<td>
    <tel:RadTextBox ID="rtbNote" runat="server" TextMode="MultiLine" CssClass="SmallTextArea" WrapperCssClass="SmallTextArea"
         MaxLength="8000" />
</td>
于 2013-06-27T17:02:34.227 に答える