Wątek przeniesiony 2016-01-01 16:56 z C# i .NET przez somekind.

Aplikacja asp.net zmiana rozmiaru / rozdzielczości

0

jak poradzić sobie ze zmianą rozmiaru okna lub rozdzielczości aplikacji.
Przy mojej domyślnej rozdzielczości i oknie aplikacja wygląda tak

a37735c2bf.png

a po zmniejszeniu okna tak

a3f2234ef5.png

Jak poradzić sobie żeby aplikacja dynamicznie się zmniejszała lub przynajmniej zawsze była w tym samym miejscu strony i się pola nie przesuwały. Poniżej kod:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="yourtools._default" %>

<%@ Register assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Kalkulator BMI</title>
    <style type="text/css">
        #Text1 {
            margin-left: 51px;
        }
        #Text2 {
            margin-left: 55px;
        }
        #WzrostInput {
            margin-left: 51px;
        }
        #WagaInput {
            margin-left: 55px;
        }
    </style>
</head>
<body style="resize:none;margin-left:350px;margin-right:350px;Background:lightgray;border:groove;border-width:5px
;padding:10px">
    <form id="form1" runat="server">
    <div>
        <h1>BMI kalkulator</h1> 
        <p>
            Podaj wzrost&nbsp;
            <asp:TextBox ID="Wzrost" runat="server" style="margin-left: 34px"></asp:TextBox>
        </p>
        <p>
            Podaj wagę
            <asp:TextBox ID="Waga" runat="server" style="margin-left: 48px"></asp:TextBox>
        </p>
        <p>
            <asp:Button ID="PrzeliczButton" runat="server" OnClick="OnClickPrzelicz" style="margin-left: 130px"  Text="Oblicz" BackColor="#00CC00" Font-Bold="True" Width="160px" Height="40px" />
        </p>
        <p>
            BMI wynosi&nbsp;&nbsp;
            <asp:TextBox ID="BMIText" runat="server" ReadOnly="True" style="margin-left: 32px"></asp:TextBox>
        </p>
        </div>
    </form>
</body>
</html>
0

Po pierwsze, nie umieszczaj styli CSS w pliku aspx.
Po drugie problem masz z CSSem, nie z ASP.NET, więc przenoszę do właściwego działu.

0

To o czym mówisz to responsywność - istnieją gotowe frameworki ułatwiające robotę z tym, na przykład (a w sumie przede wszystkim) Bootstrap.

0

Po prostu masz źle zaprojektowany ten formularz. Używasz wartości na sztywno - np. ten button ma lewy margines ustawiony 130px i nieważne jak szerokie będzie okno, to i tak taki margines pozostanie i widać to tak jak na obrazku.

1 użytkowników online, w tym zalogowanych: 0, gości: 1