Compartir a través de


WebPart.Height Propiedad

Definición

Obtiene o establece el alto de una zona.

public:
 virtual property System::Web::UI::WebControls::Unit Height { System::Web::UI::WebControls::Unit get(); void set(System::Web::UI::WebControls::Unit value); };
[System.Web.UI.WebControls.WebParts.Personalizable]
public override System.Web.UI.WebControls.Unit Height { get; set; }
[<System.Web.UI.WebControls.WebParts.Personalizable>]
member this.Height : System.Web.UI.WebControls.Unit with get, set
Public Overrides Property Height As Unit

Valor de propiedad

Unit

Un objeto Unit que indica el alto de una zona WebPartZone. El tipo predeterminado de Unit son los píxeles, como indica la propiedad Type.

Atributos

Ejemplos

En el ejemplo de código siguiente se muestra el problema de representación que afecta al alto de los controles de WebPart .WebPartZone Para demostrar este problema, debe ejecutar la página en Internet Explorer.

Tenga en cuenta que la orientación de la zona se establece en horizontal y que el alto de la zona y los controles que contiene no se establecen explícitamente. El resultado es que, en , WebPartZoneel control más corto WebPart no se extiende hasta el alto de la zona tras la representación. Sin embargo, si quita la DOCTYPE declaración de la página y vuelve a ejecutar la página, el problema no se produce porque ahora el explorador no representará la página en modo estándar.

<%@ Page Language="C#"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

  protected void Button1_Click(object sender, EventArgs e)
  {
    wpmgr.DisplayMode = WebPartManager.DesignDisplayMode;
  }
  protected void Button2_Click(object sender, EventArgs e)
  {
    wpmgr.DisplayMode = WebPartManager.BrowseDisplayMode;
  }

</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
      <asp:webpartmanager id="wpmgr" runat="server" />
      <asp:webpartzone id="WebPartZone1" runat="server" 
        layoutorientation="horizontal">
        <zonetemplate>
          <asp:textbox id="TextBox1" runat="server" title="Text input">
          </asp:textbox>
          <asp:calendar id="Calendar1" runat="server" title="Personal Calendar" />
        </zonetemplate>
      </asp:webpartzone>
      <asp:button id="Button1" runat="server" text="Design Mode" 
        onclick="Button1_Click" />
      <br />
      <asp:button id="Button2" runat="server" onclick="Button2_Click" 
        text="Browse Mode" />
    </form>
</body>
</html>
<%@ Page Language="VB"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

  Protected Sub Button1_Click(ByVal sender As Object, _
    ByVal e As System.EventArgs)
    
    wpmgr.DisplayMode = WebPartManager.DesignDisplayMode
    
  End Sub

  Protected Sub Button2_Click(ByVal sender As Object, _
    ByVal e As System.EventArgs)
    
    wpmgr.DisplayMode = WebPartManager.BrowseDisplayMode
    
  End Sub
  
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
      <asp:webpartmanager id="wpmgr" runat="server" />
      <asp:webpartzone id="WebPartZone1" runat="server" 
        layoutorientation="horizontal">
        <zonetemplate>
          <asp:textbox id="TextBox1" runat="server" title="Text input">
          </asp:textbox>
          <asp:calendar id="Calendar1" runat="server" title="Personal Calendar" />
        </zonetemplate>
      </asp:webpartzone>
      <asp:button id="Button1" runat="server" text="Design Mode" 
        onclick="Button1_Click" />
      <br />
      <asp:button id="Button2" runat="server" onclick="Button2_Click" 
        text="Browse Mode" />
    </form>
</body>
</html>

Para ver cómo funciona la solución alternativa (descrita en la sección Comentarios), intente agregar un height atributo al <asp:webpartzone> elemento y mantenga la DOCTYPE declaración en la página. Puede usar el código siguiente para agregar el atributo a la etiqueta :

Height="200px"

Ejecute la página y, ahora, ambos WebPart controles se extienden para rellenar el alto declarado explícitamente de la zona.

También puede experimentar con este ejemplo de código para observar el problema de representación relacionado con el alto en el otro escenario, que se produce cuando el de LayoutOrientation la zona está establecido Verticalen . Quite el atributo existente LayoutOrientation y su valor del <asp:webpartzone> elemento , lo que hará que la orientación de la zona se revierta a la orientación vertical predeterminada. Establezca el atributo height en el <asp:webpartzone> elemento en 200 píxeles, como hizo anteriormente, y ejecute la página. La altura de la zona es demasiado grande y los controles no tienen un tamaño proporcional al alto de la zona. Ahora quite el atributo height y vuelva a ejecutar la página. Los controles ahora se representan en relación con el alto de la zona.

Comentarios

Los modos de representación de Internet Explorer pueden afectar al alto de un WebPart control y al alto de la zona que lo contiene. Internet Explorer representa páginas web en modo de compatibilidad (compatible con versiones anteriores del explorador) o en modo estándar (determinada por la presencia de una DOCTYPE declaración en la página). Para obtener información sobre estos modos, vea la propiedad compatMode DHTML.

Cuando Internet Explorer representa una página en modo estándar, en algunas circunstancias podría no cambiar el tamaño de las celdas de las tablas, incluso cuando el marcado HTML de una celda es <td height="100%">. Como resultado, WebPart los controles y su zona contenedora se representan para que los controles no se extiendan al alto completo de la zona.

Cuando Internet Explorer está en modo estándar, los controles no se representan para ajustarse a su alto completo en los casos siguientes:

  • Cuando la propiedad de LayoutOrientation una zona se establece en y se establece Vertical explícitamente el alto en la zona. Para permitir que los controles rellenen el alto completo de la zona, no especifique el alto de una zona orientada horizontalmente.

  • Cuando la propiedad de LayoutOrientation una zona se establece Horizontal en y no establece explícitamente el alto de la zona o de los controles contenidos. Para permitir que los controles rellenen el alto completo de la zona, establezca el alto de la zona o de los controles en una zona orientada verticalmente.

Se aplica a

Consulte también