none
ajustar pantalla a varias resoluciones del monitor aplicacion webforms c# RRS feed

  • Pregunta

  • holas

    programo en webforms c#

    amigos ayudenme no se como poner la resolucion para que mi aplicacion web se adapte ala resolucion de mi monitor pueden ayudarme

    cuando cambio a una resolucion que no fue la que programe la aplicacion se distorciona trabaje con % en los controles.

    pongo codigo del login

        

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Divisa.Paginas.Login" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Divisa</title>

    <style type="text/css">
    body {  
            background-image:url('/imagenes/FondoOriginal.jpg');
     }
    </style>

    <style type="text/css">
    img {
    margin-top: -195px;
    margin-left: -290px;
    }
    </style>



    <style type="text/css">

    .ImgImagenFondo
    {
    z-index:0;
    ;
    left:37%;
    top:48%;
    }

    .ImgBarraLogin
    {
    z-index:1;
    ;
    left:52.6%;
    top:54.5%;
    }

    .ImgFondoLogin
    {
    z-index:0;
    ;
    left:52.6%;
    top:55.5%;
    }

    .ImgCandado
    {
    z-index:2;
    ;
    left:52.7%;
    top:65.7%;
    }

    .LabelSistemadeAcceso
    {
    z-index:4;
    ;
    left:44.3%;
    top:35.2%;
    }

    .LabelUsuario
    {
    z-index:4;
    ;
    left:42%;
    top:41.5%;
    }

    .LabelClave
    {
    z-index:4;
    ;
    left:42%;
    top:48.5%;
    }

    .LblMensajes
    {
    z-index:5;
    ;
    left:34.5%;
    top:62.4%;
    }

    .TXTUsuario
    {
    z-index:4;
    ;
    left:48.5%;
    top:41.2%;
    }

    .TXTClave
    {
    z-index:4;
    ;
    left:48.5%;
    top:48.2%;
    }

    .IGBAceptar
    {
    z-index:4;
    ;
    left:58.5%;
    top:53.2%;
    }

    .ImgBarras
    {
    z-index:4;
    ;
    left:52.6%;
    top:82.5%;
    }

    .ImgTitulo
    {
    z-index:4;
    ;
    left:103.9%;
    top:18%
    }

    </style>

    <link rel="shortcut icon" type="image/x-icon" href="/Imagenes/Favicon.ico"/>

    <script language="JavaScript">
    <!--
        javascript: window.history.forward(1);
    //-->
    </script>

    </head>
    <body>

    <script language="JavaScript"> 
        if (window.screen.availWidth == 1280) window.parent.document.body.style.zoom = "100%"
        if (window.screen.availWidth == 1152) window.parent.document.body.style.zoom = "82%"
        if (window.screen.availWidth == 1024) window.parent.document.body.style.zoom = "73%"
        if (window.screen.availWidth == 800) window.parent.document.body.style.zoom = "54%";
        if (window.screen.availWidth == 640) window.parent.document.body.style.zoom = "41%" 
    </script>

    <asp:Image ID="ImgImagenFondo" runat="server" CssClass="ImgImagenFondo" ImageUrl="~/Imagenes/ImagenFondo1.png" Height="49%" Width="74%"/>
    <asp:Image ID="IMGBarraLogin" runat="server" ImageUrl="~/Imagenes/BarraLogin.png" Height="4.7%" Width="39.1%" CssClass="ImgBarraLogin" />
    <asp:Image ID="IMGFondoLogin" runat="server" ImageUrl="~/Imagenes/FondoLogin.png" Height="28.8%" Width="39.1%" CssClass="ImgFondoLogin" />
    <asp:Image ID="IMGCandado" runat="server" ImageUrl="~/Imagenes/Candado.png" Height="11.2%" Width="8%" CssClass="ImgCandado" />
    <asp:Label ID="SistemadeAcceso" runat="server" Font-Bold="True" ForeColor="White" Text="Control de Acceso" CssClass="LabelSistemadeAcceso"></asp:Label>
    <asp:Label ID="Usuario" runat="server" Font-Bold="True" ForeColor="White" Text="Usuario:" CssClass="LabelUsuario" Font-Size="Large"></asp:Label>
    <asp:Label ID="Clave" runat="server" Font-Bold="True" ForeColor="White" Text="Clave:" CssClass="LabelClave" Font-Size="Large"></asp:Label>
    <asp:Label ID="LblMensajes" runat="server" Font-Bold="True" ForeColor="Maroon" CssClass="LblMensajes"></asp:Label>
    <asp:Image ID="ImgBarras" runat="server" ImageUrl="" Height="4.7%" Width="39.1%" CssClass="ImgBarras" />
    <asp:Image ID="ImgTitulo" runat="server" CssClass="ImgTitulo" ImageUrl="~/Imagenes/Titulo.png" />

        <form id="form1" runat="server">
            <div>

    <asp:TextBox ID="TXTUsuario" runat="server" CssClass="TXTUsuario" ToolTip="Introdusca su Usuario" Font-Bold="True" Font-Size="Large" ForeColor="#0066FF" AutoCompleteType="Disabled"></asp:TextBox>
    <asp:TextBox ID="TXTClave" runat="server" CssClass="TXTClave" ToolTip="Introdusca su Clave de Acceso" Font-Bold="True" Font-Size="Large" ForeColor="#0066FF" TextMode="Password"></asp:TextBox>
    <asp:ImageButton ID="IGBAceptar" runat="server" ImageUrl="~/Imagenes/Aceptar.png" ToolTip="Presione para Aceptar la validacion" BorderStyle="Outset" CssClass="IGBAceptar" OnClick="IGBAceptar_Click"/>

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:Timer ID="Timer1" runat="server" Interval="2000" Enabled="False" OnTick="Timer1_Tick"></asp:Timer>

            </div>
        </form>
    </body>
    </html>

    por favor ayudenme

    gracias

    lunes, 16 de marzo de 2020 12:13

Respuestas

  • hola

    >>no se como poner la resolucion para que mi aplicacion web se adapte ala resolucion de mi monitor pueden ayudarme

    se puede resolver perfectamente lo que planteas, pero no con la tecnica que estas aplicando, tienes que usar una libreria responsive que permita adaptar el html a as resoluciones de forma dinamica

    La mas conocida es bootstrap

    si aplicas el Grid System podras hacer que se adapte a cualquier resolucion

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 16 de marzo de 2020 13:31

Todas las respuestas

  • hola

    >>no se como poner la resolucion para que mi aplicacion web se adapte ala resolucion de mi monitor pueden ayudarme

    se puede resolver perfectamente lo que planteas, pero no con la tecnica que estas aplicando, tienes que usar una libreria responsive que permita adaptar el html a as resoluciones de forma dinamica

    La mas conocida es bootstrap

    si aplicas el Grid System podras hacer que se adapte a cualquier resolucion

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 16 de marzo de 2020 13:31
  • ok gracias.
    lunes, 16 de marzo de 2020 21:36