1

Telerik のパスワード強度チェッカーをパスワード フィールド (Telerik RadTextBox) に追加する必要がありますが、追加すると幅が 60px に制限されてしまい、理由がわかりません。

RadTextBox コードは次のようになります。

<telerik:RadTextBox TextMode="Password" ID="rtb_NewPassword" 
    CssClass="RegisterTextbox" style="width:150px;" Runat="server" 
    LabelWidth="160px" Wrap="False">
</telerik:RadTextBox>

したがって、強度チェッカーを追加すると、次のようになります。

<telerik:RadTextBox TextMode="Password" ID="rtb_NewPassword" 
    CssClass="RegisterTextbox" style="width:150px;" Runat="server" 
    LabelWidth="160px" Wrap="False">
    <PasswordStrengthSettings ShowIndicator="true" PreferredPasswordLength="6"
        MinimumNumericCharacters="1" MinimumUpperCaseCharacters="1"
        MinimumLowerCaseCharacters="1" CalculationWeightings="50;15;15;20"
        IndicatorElementID="spn_StrengthIndicator"></PasswordStrengthSettings>
</telerik:RadTextBox>

レンダリングされた HTML は次のとおりです。

強度チェッカーなし:

<span id="ExternalLogin_rtb_NewPassword_wrapper" class="riSingle RadInput
    RadInput_Glow" style="width:160px;">
    <input id="ExternalLogin_rtb_NewPassword" name="ExternalLogin$rtb_NewPassword"
        size="20" class="riTextBox riEnabled RegisterTextbox" type="password" />
    <input id="ExternalLogin_rtb_NewPassword_ClientState"
        name="ExternalLogin_rtb_NewPassword_ClientState" type="hidden" />
</span>

強度チェッカーあり: (60px幅とスパンに注意してください)

<span id="ExternalLogin_rtb_NewPassword_wrapper" class="riSingle RadInput
    RadInput_Glow" style="width:160px;">
    <span class="riContentWrapper" style="width:60px;">
        <input id="ExternalLogin_rtb_NewPassword" name="ExternalLogin$rtb_NewPassword"
            size="20" class="riTextBox riEnabled RegisterTextbox" type="password" />
        <input id="ExternalLogin_rtb_NewPassword_ClientState"
            name="ExternalLogin_rtb_NewPassword_ClientState" type="hidden" />
    </span>
</span>

これが定義されているコードまたはプロパティのどこにも表示されません。ページが作成されたときにのみ表示されます。

とにかくこれを止める方法はありますか?

ありがとう

4

2 に答える 2