web-dev-qa-db-ja.com

複数行のエディターフィールドのサイズを変更するにはどうすればよいですか？

私はC＃を使用してMVCプロジェクトに取り組んでいます。現在、ビューを少しカスタマイズしようとしていますが、テキストボックスを大きくしたいと思います。

この質問の提案に従って、1行から複数​​行のテキストフィールドに移動しました： Html.TextBoxのサイズを変更する

現在、その複数行のフィールドのサイズを変更しようとしていますが、どこで、どのようにサイズを変更するのかわかりません。

これが私の編集ビューからのスニペットです

<div class="editor-label">
     @Html.LabelFor(model => model.Body)
</div>
<div class="editor-field">
     @Html.EditorFor(model => model.Body)
     @Html.ValidationMessageFor(model => model.Body)
</div>

そして私のモデルから：

[DataType(DataType.MultilineText)]  
[DisplayName("Body:")]  
public string Body { get; set; }
c#htmlasp.net-mvcasp.net-mvc-3multiline
16
White Island

私はCSSでこれを行います：

<div class="editor-multiline-field">
     @Html.EditorFor(model => model.Body)
     @Html.ValidationMessageFor(model => model.Body)
</div>

次に、CSSファイルで幅と高さを目的の値に定義します。

.editor-multiline-field textarea {
    width: 300px;
    height: 200px;
}
19
Darin Dimitrov

@ Html.TextArea ouTextAreaForを使用することもできます

@Html.TextAreaFor(model => model.Text, new { cols = 25, @rows = 5 })
15
Pedro Fillastre

MVC 5では、次を使用できます

    @Html.TextAreaFor(model => model.body, 5, 50,  new { @class = "form-control" } )

うまく機能します！

8
alikuli

以前に作成したビュースタイルに準拠するには、次のようにすることもできます。

<div class="col-md-10 editor-multiline-field">
2
Mario Silveira

Mvcとbootstrapを使用している場合は、これを試してください：

@Html.TextAreaFor(model => model.Property, new { @class = "form-control", @rows = 5 })
2
Ray Sun

試してみてください

@ Html.TextAreaFor（model => model.Descricao、5、50、null）

ビューページで

1
user2268720

Mvc5で共有したいだけです

  @Html.EditorFor(model => model.Body, 
                  new {htmlAttributes = new {@style="width:yourdesiredwidth;"}
                   })

またはカスタムクラスを使用する

1
CyberNinja