EmpresasModulos.aspx ajuste tamaño de listas
This commit is contained in:
@@ -41,19 +41,18 @@
|
||||
|
||||
|
||||
|
||||
<div class="row" style="max-width:1000px!important">
|
||||
<div class="col-md-5" >
|
||||
<div class="row" id="DvGeneral">
|
||||
<div class="col-md-4" id="Dv1" >
|
||||
|
||||
<div class="row" style="margin-left: 0px; margin-top: 5px; margin-bottom: 5px; text-align: right; margin-right: 5px; max-width: 900px" align="left;">
|
||||
<input type="text" id="TxtBusquedaModulosDisponibles" class="form-control input-sm" onkeyup="<%= String.Format("filtraListBox(this,'{0}')", ListModulosDisponible.ClientID) %>" style="display: inline-block; margin-right: -20px; width: 150px;" />
|
||||
<a href="javascript:;" onclick="<%= String.Format("filtraListBox( this,'{0}')", ListModulosDisponible.ClientID) %>" style="margin-top: -3px;" class="btn btn-circle btn-sm label-info"><i class="icon-magnifier"></i></a>
|
||||
</div>
|
||||
<asp:ListBox runat="server" ID="ListModulosDisponible" DataTextField="Padres" DataValueField="CveModulo" Height="300px" Width="100%" SelectionMode="Multiple" ClientIDMode="Static"></asp:ListBox>
|
||||
|
||||
<asp:ListBox runat="server" ID="ListModulosDisponible" DataTextField="Padres" DataValueField="CveModulo" Height="300px" SelectionMode="Multiple" ClientIDMode="Static"></asp:ListBox>
|
||||
|
||||
</div>
|
||||
<div class="col-md-1" style="text-align:center!important;max-width:100px;vertical-align:central!important">
|
||||
|
||||
|
||||
<div class="col-md-1" style="text-align:center!important;max-width:100px;vertical-align:central!important" id="Dv2">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
@@ -61,18 +60,18 @@
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<asp:Button Text=">" runat="server" ID="BtnAdd" ToolTip="Añadir Seleccionados" OnClick="BtnAdd_Click" class="btn btn-primary" /><br />
|
||||
<asp:Button Text=">" runat="server" ID="BtnAdd" ToolTip="Añadir Seleccionados" OnClick="BtnAdd_Click" class="btn btn-primary" style="margin-left:30px" /><br />
|
||||
<br />
|
||||
<asp:Button Text="<" runat="server" ID="BtnRemove" ToolTip="Quitar Seleccionados" OnClick="BtnRemove_Click" class="btn btn-primary" /><br />
|
||||
<asp:Button Text="<" runat="server" ID="BtnRemove" ToolTip="Quitar Seleccionados" OnClick="BtnRemove_Click" class="btn btn-primary" style="margin-left:30px" /><br />
|
||||
|
||||
</div>
|
||||
<div class="col-md-5" >
|
||||
<div class="col-md-4" id="Dv3">
|
||||
|
||||
<div class="row" style="margin-left: 0px; margin-top: 5px; margin-bottom: 5px; text-align: right; margin-right: 5px; max-width: 900px" align="left;">
|
||||
<input type="text" id="TxtBusquedaModulosEmpresas" class="form-control input-sm" onkeyup="<%= String.Format("filtraListBox(this,'{0}')", ListModulosEmpresa.ClientID) %>" style="display: inline-block; margin-right: -20px; width: 150px;" />
|
||||
<a href="javascript:;" onclick="<%= String.Format("filtraListBox( this,'{0}')", ListModulosEmpresa.ClientID) %>" style="margin-top: -3px;" class="btn btn-circle btn-sm label-info"><i class="icon-magnifier"></i></a>
|
||||
</div>
|
||||
<asp:ListBox runat="server" ID="ListModulosEmpresa" DataTextField="Padres" DataValueField="CveModulo" Height="300px" Width="100%" SelectionMode="Multiple"></asp:ListBox>
|
||||
<asp:ListBox runat="server" ID="ListModulosEmpresa" DataTextField="Padres" DataValueField="CveModulo" Height="300px" SelectionMode="Multiple" ClientIDMode="Static" ></asp:ListBox>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -85,6 +84,43 @@
|
||||
<asp:Content ID="Content7" ContentPlaceHolderID="JS" runat="Server">
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
|
||||
|
||||
function fncAjustaTamaños() {
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
let tamanio1 = parseFloat($('#ListModulosDisponible').width());
|
||||
let tamanio2 = parseFloat($('#ListModulosEmpresa').width());
|
||||
let TamanioFinal = 0.0;
|
||||
|
||||
if (tamanio1 > tamanio2) {
|
||||
TamanioFinal = tamanio1;
|
||||
} else {
|
||||
TamanioFinal = tamanio2;
|
||||
}
|
||||
|
||||
if (TamanioFinal < 300) {
|
||||
TamanioFinal = 300;
|
||||
}
|
||||
|
||||
$('#ListModulosDisponible').css('max-width', `${TamanioFinal}px`);
|
||||
$('#ListModulosEmpresa').css('max-width', `${TamanioFinal}px`);
|
||||
|
||||
$('#Dv1').css('max-width', `${TamanioFinal}px`);
|
||||
$('#Dv2').css('max-width', `100px`);
|
||||
$('#Dv3').css('max-width', `${TamanioFinal}px`);
|
||||
|
||||
$('#Dv1').css('min-width', `${TamanioFinal}px`);
|
||||
$('#Dv2').css('min-width', `100px`);
|
||||
$('#Dv3').css('min-width', `${TamanioFinal}px`);
|
||||
|
||||
$('#DvGeneral').css('max-width', `${(TamanioFinal * 2) + 100}px`);
|
||||
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -28,8 +28,9 @@ Partial Class Sistemas_EmpresasModulos
|
||||
Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
|
||||
If Not IsPostBack Then
|
||||
CargarEmpresa()
|
||||
|
||||
End If
|
||||
|
||||
RegistraScript("fncAjustaTamaños();")
|
||||
End Sub
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user