none
Aumentar tamanho das caixas de textos RRS feed

  • Pergunta

  • boa tarde galera, estou com um problema, preciso de aumentar o tamanho das minhas caixas de textos, usei @helpers para criar as caixas e poder validar. mas as elas estão pequenas na pagina tem como aumentar, eis o meu codigo

      @using (Html.BeginForm())
                    {
                        @Html.ValidationSummary(true);
                        <fieldset>
                            <div class="editor-label">
                                @Html.LabelFor(model => model.Nome)
                            </div>
                            <div class="editor-field">
                                @Html.EditorFor(model => model.Nome)
                                @Html.ValidationMessageFor(model => model.Nome)
                            </div>
                            <div class="editor-label">
                                @Html.LabelFor(model => model.Empresa)
                            </div>
                            <div class="editor-field">
                                @Html.EditorFor(model => model.Empresa)
                                @Html.ValidationMessageFor(model => model.Empresa)
                            </div>
                            <div class="editor-label">
                                @Html.LabelFor(model => model.Localidade)
                            </div>
                            <div class="editor-field">
                                @Html.EditorFor(model => model.Localidade)
                                @Html.ValidationMessageFor(model => model.Localidade)
                            </div>
                            <div class="editor-label">
                                @Html.LabelFor(model => model.Telefone)
                            </div>
                            <div class="editor-field">
                                @Html.EditorFor(model => model.Telefone)
                                @Html.ValidationMessageFor(model => model.Telefone)
                            </div>
                            <div class="editor-label">
                                @Html.LabelFor(model => model.Email)
                            </div>
                            <div class="editor-field">
                                @Html.EditorFor(model => model.Email)
                                @Html.ValidationMessageFor(model => model.Email)
                            </div>
                            <div class="editor-label">
                                @Html.LabelFor(model => model.Mensagens)
                            </div>
                            <div>
                                @Html.TextArea("Corpo","Preencha nesta espaço vazio")
                            </div>
                            <input type="submit" value="Enviar" />
                        </fieldset>
                    }
    
                    @section Scripts
                    {
                        @Scripts.Render("~/bundless/jqueryval")
                    }

    terça-feira, 22 de julho de 2014 13:17

Respostas

  • Bom dia Gilblazer,

    Para fazer estas alterações basta utilizar css.

    Você pode definir um tamanho em uma classe css e utilizá-la com o helper.

    Sendo assim seu Editor ficaria:

    @Html.EditorFor(model => model.Nome, new { @class = "suaclassecss" })

    Abraços.


    Victor Santos | MCSD, MS, MTA

    • Sugerido como Resposta welington jrModerator terça-feira, 22 de julho de 2014 14:32
    • Marcado como Resposta GILBLAZER terça-feira, 22 de julho de 2014 19:03
    terça-feira, 22 de julho de 2014 14:05

Todas as Respostas

  • Bom dia Gilblazer,

    Para fazer estas alterações basta utilizar css.

    Você pode definir um tamanho em uma classe css e utilizá-la com o helper.

    Sendo assim seu Editor ficaria:

    @Html.EditorFor(model => model.Nome, new { @class = "suaclassecss" })

    Abraços.


    Victor Santos | MCSD, MS, MTA

    • Sugerido como Resposta welington jrModerator terça-feira, 22 de julho de 2014 14:32
    • Marcado como Resposta GILBLAZER terça-feira, 22 de julho de 2014 19:03
    terça-feira, 22 de julho de 2014 14:05
  • vlw, funcionou...

    terça-feira, 22 de julho de 2014 19:03