Databases
StackOverflow2013
Postsdbo
POMake KendoUI Textboxes of same width
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMake KendoUI Textboxes of same width
    text
    copied!<p>I have the following cshtml Login form: </p> <pre><code>&lt;div class="editor-label"&gt; @Html.LabelFor(model =&gt; model.UserEmailAddress) &lt;/div&gt; &lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.UserEmailAddress, new {@class = "k-textbox", style="width:200px"}) @Html.ValidationMessageFor(model =&gt; model.UserEmailAddress) &lt;/div&gt; &lt;div class="editor-label"&gt; @Html.LabelFor(model =&gt; model.UserPassword) &lt;/div&gt; &lt;div class="editor-field"&gt; @Html.EditorFor(model =&gt; model.UserPassword, new { @class = "k-textbox", style="width:200px" }) @Html.ValidationMessageFor(model =&gt; model.UserPassword) &lt;/div&gt; </code></pre> <p>The email address is of typr class <code>k-textbox</code> but the password is <code>text-box single-line password</code>. Therefore both of the have different widths. Even after I tried to specify width and class explicitly. i'm using KendoUI for MVC. The Output is : <img src="https://i.stack.imgur.com/3q1As.jpg" alt="enter image description here"></p> <p>This is the page source: </p> <pre><code> &lt;div class="editor-label"&gt; &lt;label for="UserEmailAddress"&gt;User Name (Email Id)&lt;/label&gt; &lt;/div&gt; &lt;div class="editor-field"&gt; &lt;input class="k-textbox" data-val="true" data-val-regex="E-mail is not valid" data-val-regex-pattern="^[a-zA-Z0-9_\.-]+@([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,6}$" data-val-required="The User Name (Email Id) field is required." id="UserEmailAddress" name="UserEmailAddress" type="text" value="" /&gt; &lt;span class="field-validation-valid" data-valmsg-for="UserEmailAddress" data-valmsg-replace="true"&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="editor-label"&gt; &lt;label for="UserPassword"&gt;UserPassword&lt;/label&gt; &lt;/div&gt; &lt;div class="editor-field"&gt; &lt;input class="text-box single-line password" data-val="true" data-val-required="Password required" id="UserPassword" name="UserPassword" type="password" value="" /&gt; &lt;span class="field-validation-valid" data-valmsg-for="UserPassword" data-valmsg-replace="true"&gt;&lt;/span&gt; &lt;/div&gt; </code></pre> <p>How can these both be made of same class, style and width. </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload