Dialogs position problem

2 posts, 0 answers
  1. ofzapata
    ofzapata avatar
    2 posts
    Member since:
    Jan 2015

    Posted 29 Apr 2018 Link to this post

    Hi,

    I am havig trouble with the dialog's position.

    they are shown in a bad position.

    this porblem is with the dorpdownlist and editor control

    please see the attached images!

    Thanks!

     

    this is the view code:

     

    @page
    @model Pages.UnidadControl.ConstructoraModel
    @{
        ViewData["Title"] = "Constructora";
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <form method="post">

        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-5 col-sm-3 col-xs-12" for="">
                    Nombre y Apellido
                </label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-3 col-xs-12">
                    <input asp-for="@Model.Constructora.Nombre" class="form-control" />
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-5 col-sm-3 col-xs-12" for="">
                    Dirección
                </label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-3 col-xs-12">
                    <input asp-for="@Model.Constructora.Direccion" class="form-control" />
                </div>
            </div>
        </div>

        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="">
                    Telefonos
                </label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-6 col-xs-12">
                    <input asp-for="@Model.Constructora.Telefono" class="form-control" />
                </div>
            </div>
        </div>


        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">Pagina web<span>*</span></label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-6 col-xs-12">
                    <input asp-for="@Model.Constructora.PaginaWeb" class="form-control" />
                </div>
            </div>
        </div>

        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">Email <span>*</span></label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-6 col-xs-12">
                    <input asp-for="@Model.Constructora.Email" class="form-control" />
                </div>
            </div>
        </div>

        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-3 col-sm-3 col-xs-12"> Ubicación <span>*</span></label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-6 col-xs-12">

                    @(Html.Kendo().DropDownListFor(x => x.Constructora.TipoReferenciaId)
                                  .DataTextField("Text")
                                  .DataValueField("Value")
                                  .BindTo(new List<SelectListItem>() {
                                          new SelectListItem() {
                                              Text = "Black",
                                              Value = "1"
                                          },
                                          new SelectListItem() {
                                              Text = "Orange",
                                              Value = "2"
                                          },
                                          new SelectListItem() {
                                              Text = "Grey",
                                              Value = "3"
                                          }
                                  })
                                  .Value("1")
                                  .HtmlAttributes(new { style = "height: 10%" })
                    )

                </div>
            </div>
        </div>






        <div class="panel-body">
            <div class="row">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="">
                    Observaciones
                </label>
            </div>
            <div class="row">
                <div class="col-md-5 col-sm-6 col-xs-12">
                    @(Html.Kendo().EditorFor(x => x.Constructora.Observaciones)
                                                              .HtmlAttributes(new { style = "height: 400px" })
                                                              .PasteCleanup(p => p
                                                                  .All(true))
                                                              .Tools(tools => tools
                                                                  .Clear()
                                                                  .Bold().Italic().Underline().Strikethrough()
                                                                  .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
                                                                  .InsertUnorderedList().InsertOrderedList()
                                                                  .Outdent().Indent()
                                                                  .CreateLink().Unlink()
                                                                  .InsertImage()
                                                                  .InsertFile()
                                                                  .SubScript()
                                                                  .SuperScript()
                                                                  .TableEditing()
                                                                  .ViewHtml()
                                                                  .Formatting()
                                                                  .CleanFormatting()
                                                                  .FontName()
                                                                  .FontSize()
                                                                  .ForeColor().BackColor()
                                                                  .Print())
                                                                  .Value(@Model.Constructora.Observaciones)
                    )

                </div>
            </div>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <button id="BtnguardarConstructora" type="submit" class="btn btn-success">
                        <span class="glyphicon glyphicon-ok"></span> Guardar
                    </button>
                </div>
            </div>
        </div>

    </form>

     

     

  2. Neli
    Admin
    Neli avatar
    355 posts

    Posted 02 May 2018 Link to this post

    Hello,

    I have tested the behavior in a sample project, but I did not manage to replicate the issue. As far as I see in the provided screenshots the theme in your project is 'Nova'. I have included this theme in the sample project, that you will find attached. Could you please try to modify the project in order to replicate the appearance the way it is at your end. This way we could inspect it locally and advise you further. 

    Regards,
    Neli
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top