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>
1 Answer, 1 is accepted
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