WebZone.PartChromeStyle Propiedad

  • Referencia

Definición

Espacio de nombres:
System.Web.UI.WebControls.WebParts
Ensamblado:
System.Web.dll

Obtiene las características de estilo que se aplican a los bordes de los controles de elementos Web que una zona contiene.

public:
 property System::Web::UI::WebControls::Style ^ PartChromeStyle { System::Web::UI::WebControls::Style ^ get(); };
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
public System.Web.UI.WebControls.Style PartChromeStyle { get; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.PartChromeStyle : System.Web.UI.WebControls.Style
Public ReadOnly Property PartChromeStyle As Style

Valor de propiedad

Style

Style que contiene los atributos de estilo de los bordes que rodean los controles de elementos Web incluidos en una zona.

Atributos
PersistenceModeAttribute

Ejemplos

En el ejemplo de código siguiente se muestra el uso de la PartChromeStyle propiedad para establecer atributos de estilo para los bordes exteriores de los controles de elementos web contenidos en una zona.

<%@ 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">

  void cal1_SelectionChanged(object sender, EventArgs e)
  {
    WebPartZone1.PartChromeStyle.BorderColor = System.Drawing.Color.Red;
    WebPartZone1.PartChromeStyle.BorderWidth = 4;
  }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Favorite Links</title>
</head>
<body>
  <form id="Form1" runat="server">
    <asp:webpartmanager id="WebPartManager1" runat="server" />
    <asp:webpartzone
      id="WebPartZone1"
      runat="server">
        <zonetemplate>
          <asp:Calendar 
            ID="cal1" 
            Runat="server" 
            Title="My Calendar" 
            OnSelectionChanged="cal1_SelectionChanged" 
            BorderColor="#00cc99" 
            BorderWidth="2" />
          <asp:Literal ID="literal1" Runat="server" >
            <h2>Favorite Links</h2>
            <a href="http://www.microsoft.com">Microsoft</a>
            <br />
            <a href="http://msdn.microsoft.com">MSDN</a>
          </asp:Literal>
        </zonetemplate>
    </asp:webpartzone>
  </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">
  Sub cal1_SelectionChanged(ByVal sender As Object, _
                            ByVal e As EventArgs)
    WebPartZone1.PartChromeStyle.BorderColor = System.Drawing.Color.Red
    WebPartZone1.PartChromeStyle.BorderWidth = 4
  End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Favorite Links</title>
</head>
<body>
  <form id="Form1" runat="server">
    <asp:webpartmanager id="WebPartManager1" runat="server" />
    <asp:webpartzone
      id="WebPartZone1"
      runat="server">
        <zonetemplate>
          <asp:Calendar 
            ID="cal1" 
            Runat="server" 
            Title="My Calendar" 
            OnSelectionChanged="cal1_SelectionChanged" 
            BorderColor="#00cc99" 
            BorderWidth="2" />
          <asp:Literal ID="literal1" Runat="server" >
            <h2>Favorite Links</h2>
            <a href="http://www.microsoft.com">Microsoft</a>
            <br />
            <a href="http://msdn.microsoft.com">MSDN</a>
          </asp:Literal>
        </zonetemplate>
    </asp:webpartzone>
  </form>
</body>
</html>

Tenga en cuenta que, al cargar por primera vez la página en un explorador, el control superior tiene su propio borde verde con un ancho de 2 píxeles, tal como se establece en el marcado declarativo de la página. Después de que un usuario haga clic en el calendario, la página cambia mediante programación los bordes de ambos controles de la zona a rojo y establece su ancho de borde en 4 píxeles, pero el control superior conserva su borde interno verde original.

Comentarios

Un control de elementos web puede tener su propio borde, definido en la PartStyle propiedad . La zona que contiene el control puede agregar un borde exterior adicional alrededor del control. El borde exterior que una zona puede colocar alrededor de cada uno de sus controles de elementos web viene determinado por la PartChromeStyle propiedad . Esta propiedad no cancela los atributos de propiedad contenidos en el PartStyle objeto; se combina con ellos o se agrega a ellos. Permite que una zona proporcione un borde común y coherente para cada uno de los controles de elementos web que contiene.

Importante

Aunque la PartChromeStyle configuración de estilo se aplica principalmente al borde exterior que una zona puede establecer alrededor de los controles que contiene, si establece propiedades adicionales en el Style objeto al que hace referencia la propiedad , como BackColor, el explorador interpreta esos atributos de estilo como aplicar a todos los subelementos de la tabla usada para representar una zona. Por lo tanto, establecer la BackColor propiedad para el objeto de estilo al que hace referencia la PartChromeStyle propiedad tiene el mismo efecto en un WebPart control que establecer la BackColor propiedad en el objeto al que hace referencia la PartStyle propiedad.

Se aplica a

Consulte también