BehaviorEditorPart Klas

Definitie

public ref class BehaviorEditorPart sealed : System::Web::UI::WebControls::WebParts::EditorPart

public sealed class BehaviorEditorPart : System.Web.UI.WebControls.WebParts.EditorPart

type BehaviorEditorPart = class
    inherit EditorPart

Public NotInheritable Class BehaviorEditorPart
Inherits EditorPart

Overname

Object

Control

WebControl

Panel

Part

EditorPart

BehaviorEditorPart

Voorbeelden

In het volgende codevoorbeeld ziet u hoe u een BehaviorEditorPart besturingselement declareert op een webpagina en hoe u hiermee verschillende UI-eigenschappen van een WebPart besturingselement kunt bewerken. Het codevoorbeeld heeft vier delen:

• Een gebruikersbeheer waarmee u weergavemodi op een pagina met webonderdelen kunt wijzigen.

• Een webpagina die een EditorZone besturingselement en een BehaviorEditorPart besturingselement bevat, dat wordt gebruikt om de gedragseigenschappen van een BulletedList besturingselement te bewerken.

• Een vermelding in het Web.config-bestand om een geautoriseerde gebruiker toestemming te geven om de pagina te bewerken in het bereik voor gedeelde persoonlijke instellingen.

• Een uitleg van hoe het voorbeeld werkt wanneer u de pagina in een browser laadt.

Het eerste deel van dit codevoorbeeld is het gebruikersbeheer waarmee gebruikers weergavemodi op een webpagina kunnen wijzigen. Zie Overzicht: Weergavemodi wijzigen op een pagina met webonderdelen voor meer informatie over weergavemodi en een beschrijving van de broncode in dit besturingselement. In de documentatie voor dit gebruikersbeheer wordt uitgelegd hoe u de methode aanroept om de ToggleScope pagina over te schakelen naar de gedeelde modus, zodat het BehaviorEditorPart besturingselement kan worden weergegeven.

<%@ control language="C#" classname="DisplayModeMenuCS"%>
<script runat="server">
  
 // Use a field to reference the current WebPartManager.
  WebPartManager _manager;

  void Page_Init(object sender, EventArgs e)
  {
    Page.InitComplete += new EventHandler(InitComplete);
  }  

  void InitComplete(object sender, System.EventArgs e)
  {
    _manager = WebPartManager.GetCurrentWebPartManager(Page);

    String browseModeName = WebPartManager.BrowseDisplayMode.Name;

    // Fill the dropdown with the names of supported display modes.
    foreach (WebPartDisplayMode mode in _manager.SupportedDisplayModes)
    {
      String modeName = mode.Name;
      // Make sure a mode is enabled before adding it.
      if (mode.IsEnabled(_manager))
      {
        ListItem item = new ListItem(modeName, modeName);
        DisplayModeDropdown.Items.Add(item);
      }
    }

    // If shared scope is allowed for this user, display the scope-switching
    // UI and select the appropriate radio button for the current user scope.
    if (_manager.Personalization.CanEnterSharedScope)
    {
      Panel2.Visible = true;
      if (_manager.Personalization.Scope == PersonalizationScope.User)
        RadioButton1.Checked = true;
      else
        RadioButton2.Checked = true;
    }
    
  }
 
  // Change the page to the selected display mode.
  void DisplayModeDropdown_SelectedIndexChanged(object sender, EventArgs e)
  {
    String selectedMode = DisplayModeDropdown.SelectedValue;

    WebPartDisplayMode mode = _manager.SupportedDisplayModes[selectedMode];
    if (mode != null)
      _manager.DisplayMode = mode;
  }

  // Set the selected item equal to the current display mode.
  void Page_PreRender(object sender, EventArgs e)
  {
    ListItemCollection items = DisplayModeDropdown.Items;
    int selectedIndex = 
      items.IndexOf(items.FindByText(_manager.DisplayMode.Name));
    DisplayModeDropdown.SelectedIndex = selectedIndex;
  }

  // Reset all of a user's personalization data for the page.
  protected void LinkButton1_Click(object sender, EventArgs e)
  {
    _manager.Personalization.ResetPersonalizationState();
  }

  // If not in User personalization scope, toggle into it.
  protected void RadioButton1_CheckedChanged(object sender, EventArgs e)
  {
    if (_manager.Personalization.Scope == PersonalizationScope.Shared)
      _manager.Personalization.ToggleScope();
  }

  // If not in Shared scope, and if user is allowed, toggle the scope.
  protected void RadioButton2_CheckedChanged(object sender, EventArgs e)
  {
    if (_manager.Personalization.CanEnterSharedScope && 
        _manager.Personalization.Scope == PersonalizationScope.User)
      _manager.Personalization.ToggleScope();
  }
</script>
<div>
  <asp:Panel ID="Panel1" runat="server" 
    Borderwidth="1" 
    Width="230" 
    BackColor="lightgray"
    Font-Names="Verdana, Arial, Sans Serif" >
    <asp:Label ID="Label1" runat="server" 
      Text="&nbsp;Display Mode" 
      Font-Bold="true"
      Font-Size="8"
      Width="120" 
      AssociatedControlID="DisplayModeDropdown"/>
    <asp:DropDownList ID="DisplayModeDropdown" runat="server"  
      AutoPostBack="true" 
      Width="120"
      OnSelectedIndexChanged="DisplayModeDropdown_SelectedIndexChanged" />
    <asp:LinkButton ID="LinkButton1" runat="server"
      Text="Reset User State" 
      ToolTip="Reset the current user's personalization data for the page."
      Font-Size="8" 
      OnClick="LinkButton1_Click" />
    <asp:Panel ID="Panel2" runat="server" 
      GroupingText="Personalization Scope"
      Font-Bold="true"
      Font-Size="8" 
      Visible="false" >
      <asp:RadioButton ID="RadioButton1" runat="server" 
        Text="User" 
        AutoPostBack="true"
        GroupName="Scope" OnCheckedChanged="RadioButton1_CheckedChanged" />
      <asp:RadioButton ID="RadioButton2" runat="server" 
        Text="Shared" 
        AutoPostBack="true"
        GroupName="Scope" 
        OnCheckedChanged="RadioButton2_CheckedChanged" />
    </asp:Panel>
  </asp:Panel>
</div>

<%@ control language="vb" classname="DisplayModeMenuVB"%>
<script runat="server">
  ' Use a field to reference the current WebPartManager.
  Dim _manager As WebPartManager

  Sub Page_Init(ByVal sender As Object, ByVal e As EventArgs)
    AddHandler Page.InitComplete, AddressOf InitComplete
  End Sub

  Sub InitComplete(ByVal sender As Object, ByVal e As System.EventArgs)
    _manager = WebPartManager.GetCurrentWebPartManager(Page)
      
    Dim browseModeName As String = WebPartManager.BrowseDisplayMode.Name
      
    ' Fill the dropdown with the names of supported display modes.
    Dim mode As WebPartDisplayMode
    For Each mode In _manager.SupportedDisplayModes
      Dim modeName As String = mode.Name
      ' Make sure a mode is enabled before adding it.
      If mode.IsEnabled(_manager) Then
        Dim item As New ListItem(modeName, modeName)
        DisplayModeDropdown.Items.Add(item)
      End If
    Next mode
      
    ' If shared scope is allowed for this user, display the scope-switching
    ' UI and select the appropriate radio button for the current user scope.
    If _manager.Personalization.CanEnterSharedScope Then
      Panel2.Visible = True
      If _manager.Personalization.Scope = PersonalizationScope.User Then
        RadioButton1.Checked = True
      Else
        RadioButton2.Checked = True
      End If
    End If
   
  End Sub

  ' Change the page to the selected display mode.
  Sub DisplayModeDropdown_SelectedIndexChanged(ByVal sender As Object, _
    ByVal e As EventArgs)
    
    Dim selectedMode As String = DisplayModeDropdown.SelectedValue   
    Dim mode As WebPartDisplayMode = _
      _manager.SupportedDisplayModes(selectedMode)
    If Not (mode Is Nothing) Then
      _manager.DisplayMode = mode
    End If

  End Sub
   
  ' Set the selected item equal to the current display mode.
  Sub Page_PreRender(ByVal sender As Object, ByVal e As EventArgs)
    Dim items As ListItemCollection = DisplayModeDropdown.Items
    Dim selectedIndex As Integer = _
      items.IndexOf(items.FindByText(_manager.DisplayMode.Name))
    DisplayModeDropdown.SelectedIndex = selectedIndex

  End Sub

  ' Reset all of a user's personalization data for the page.
  Protected Sub LinkButton1_Click(ByVal sender As Object, _
    ByVal e As EventArgs)
    
    _manager.Personalization.ResetPersonalizationState()
    
  End Sub

  ' If not in User personalization scope, toggle into it.
  Protected Sub RadioButton1_CheckedChanged(ByVal sender As Object, _
    ByVal e As EventArgs)
    
    If _manager.Personalization.Scope = PersonalizationScope.Shared Then
      _manager.Personalization.ToggleScope()
    End If

  End Sub
   
  ' If not in Shared scope, and if user is allowed, toggle the scope.
  Protected Sub RadioButton2_CheckedChanged(ByVal sender As Object, _
    ByVal e As EventArgs)
    
    If _manager.Personalization.CanEnterSharedScope AndAlso _
      _manager.Personalization.Scope = PersonalizationScope.User Then
      _manager.Personalization.ToggleScope()
    End If

  End Sub

</script>
<div>
  <asp:Panel ID="Panel1" runat="server" 
    Borderwidth="1" 
    Width="230" 
    BackColor="lightgray"
    Font-Names="Verdana, Arial, Sans Serif" >
    <asp:Label ID="Label1" runat="server" 
      Text="&nbsp;Display Mode" 
      Font-Bold="true"
      Font-Size="8"
      Width="120" 
      AssociatedControlID="DisplayModeDropdown"/>
    <asp:DropDownList ID="DisplayModeDropdown" runat="server"  
      AutoPostBack="true" 
      Width="120"
      OnSelectedIndexChanged="DisplayModeDropdown_SelectedIndexChanged" />
    <asp:LinkButton ID="LinkButton1" runat="server"
      Text="Reset User State" 
      ToolTip="Reset the current user's personalization data for the page."
      Font-Size="8" 
      OnClick="LinkButton1_Click" />
    <asp:Panel ID="Panel2" runat="server" 
      GroupingText="Personalization Scope"
      Font-Bold="true"
      Font-Size="8" 
      Visible="false" >
      <asp:RadioButton ID="RadioButton1" runat="server" 
        Text="User" 
        AutoPostBack="true"
        GroupName="Scope" OnCheckedChanged="RadioButton1_CheckedChanged" />
      <asp:RadioButton ID="RadioButton2" runat="server" 
        Text="Shared" 
        AutoPostBack="true"
        GroupName="Scope" 
        OnCheckedChanged="RadioButton2_CheckedChanged" />
    </asp:Panel>
  </asp:Panel>
</div>

Het tweede deel van het codevoorbeeld is de webpagina. Het bevat een declaratieve verwijzing naar een EditorZone besturingselement, met een onderliggend <zonetemplate> element dat declaratieve verwijzingen naar een BehaviorEditorPart besturingselement bevat. Houd er rekening mee dat de pagina ook een BulletedList besturingselement bevat dat is gebonden aan de pubsdatabase. Omdat dit besturingselement zich in een WebPartZonebesturingselement bevindt, kan deze fungeren als een WebPart besturingselement dat kan worden bewerkt door het BehaviorEditorPart besturingselement.

<%@ Page Language="C#" %>
<%@ Register Src="~/displayModeMenuCS.ascx" 
  TagPrefix="uc1" 
  TagName="DisplayModeMenuCS" %>

<!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 Page_Load(object sender, EventArgs e)
  {
    Button1.Visible = false;
    TextBox1.Visible = false;
    BulletedList1.DataBind();
  }

  // <snippet3>
  protected void Button1_Click(object sender, EventArgs e)
  {
    BehaviorEditorPart1.Title = Server.HtmlEncode(TextBox1.Text);
  }
  // </snippet3>

  // <snippet4>
  protected void BehaviorEditorPart1_PreRender(object sender, 
    EventArgs e)
  {
    Button1.Visible = true;
    TextBox1.Visible = true;
  }
  // </snippet4>
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ASP.NET Example</title>
</head>
<body>
  <form id="form1" runat="server">
    <!-- This example uses Microsoft SQL Server and connects    -->
    <!-- to the Pubs sample database. Use an ASP.NET expression -->
    <!-- like the one in the following control to retrieve the  -->
    <!-- connection string value from the Web.config file.      -->
    <asp:SqlDataSource ID="ds1" runat="server" 
      connectionString="<%$ ConnectionStrings:PubsConnection %>" 
      SelectCommand="Select au_id, au_lname, au_fname From Authors"/>
    <asp:WebPartManager ID="WebPartManager1" runat="server" />
    <uc1:DisplayModeMenuCS id="menu1" runat="server" />
    <asp:WebPartZone ID="WebPartZone1" runat="server" Width="150" 
      style="z-index: 100; left: 10px; position: absolute; top: 90px" >
      <ZoneTemplate>
        <asp:Panel ID="panel1" runat="server" ToolTip="Author List WebPart">
          <asp:Label ID="Label1" runat="server" 
            Text="Author Names" 
            Font-Bold="true" 
            Font-Size="120%"
            AssociatedControlID="BulletedList1"/>
          <asp:BulletedList ID="BulletedList1" runat="server" 
            DataSourceID="ds1" 
            DataTextField="au_lname" 
            DataValueField="au_id"/>
        </asp:Panel>
      </ZoneTemplate>
    </asp:WebPartZone>
    <asp:WebPartZone ID="WebPartZone2" runat="server" Width="150" 
      style="z-index: 101; left: 170px; position: absolute; top: 90px" />
    <asp:EditorZone ID="EditorZone1" runat="server" 
      style="z-index: 102; left: 340px; position: absolute; top: 90px" 
      Width="170px">
      <ZoneTemplate>
        <asp:BehaviorEditorPart ID="BehaviorEditorPart1" runat="server" 
          Title="My BehaviorEditorPart"  
          OnPreRender="BehaviorEditorPart1_PreRender" />
      </ZoneTemplate>
    </asp:EditorZone>
    <asp:Button ID="Button1" runat="server" Width="140" 
      Text="Update EditorPart Title" 
      style="left: 340px; position: absolute; top: 65px; z-index: 103;" 
      OnClick="Button1_Click" />
    <asp:TextBox ID="TextBox1" runat="server" 
      style="z-index: 105; left: 500px; position: absolute; top: 65px" />
  </form>
</body>
</html>

<%@ Page Language="VB" %>
<%@ Register Src="~/displayModeMenuVB.ascx" 
  TagPrefix="uc1" 
  TagName="DisplayModeMenuVB" %>

<!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 Page_Load(ByVal sender As Object, _
    ByVal e As System.EventArgs)
    Button1.Visible = False
    TextBox1.Visible = False
    BulletedList1.DataBind()
  End Sub

  ' <snippet3>
  Protected Sub Button1_Click(ByVal sender As Object, _
    ByVal e As System.EventArgs)
    BehaviorEditorPart1.Title = Server.HtmlEncode(TextBox1.Text)
  End Sub
  ' </snippet3>

  ' <snippet4>
  Protected Sub BehaviorEditorPart1_PreRender(ByVal sender As Object, _
    ByVal e As System.EventArgs)
   
    Button1.Visible = True
    TextBox1.Visible = True
    
  End Sub
  ' </snippet4>
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ASP.NET Example</title>
</head>
<body>
  <form id="form1" runat="server">
    <!-- This example uses Microsoft SQL Server and connects    -->
    <!-- to the Pubs sample database. Use an ASP.NET expression -->
    <!-- like the one in the following control to retrieve the  -->
    <!-- connection string value from the Web.config file.      -->
    <asp:SqlDataSource ID="ds1" runat="server" 
      connectionString="<%$ ConnectionStrings:PubsConnection %>" 
      SelectCommand="Select au_id, au_lname, au_fname From Authors"/>
    <asp:WebPartManager ID="WebPartManager1" runat="server" />
    <uc1:DisplayModeMenuVB id="menu1" runat="server" />
    <asp:WebPartZone ID="WebPartZone1" runat="server" Width="150" 
      style="z-index: 100; left: 10px; position: absolute; top: 90px" >
      <ZoneTemplate>
        <asp:Panel ID="panel1" runat="server" ToolTip="Author List WebPart">
          <asp:Label ID="Label1" runat="server" 
            Text="Author Names" 
            Font-Bold="true" 
            Font-Size="120%"
            AssociatedControlID="BulletedList1"/>
          <asp:BulletedList ID="BulletedList1" runat="server" 
            DataSourceID="ds1" 
            DataTextField="au_lname" 
            DataValueField="au_id"/>
        </asp:Panel>
      </ZoneTemplate>
    </asp:WebPartZone>
    <asp:WebPartZone ID="WebPartZone2" runat="server" Width="150" 
      style="z-index: 101; left: 170px; position: absolute; top: 90px" />
    <asp:EditorZone ID="EditorZone1" runat="server" 
      style="z-index: 102; left: 340px; position: absolute; top: 90px" 
      Width="170px">
      <ZoneTemplate>
        <asp:BehaviorEditorPart ID="BehaviorEditorPart1" runat="server" 
          Title="My BehaviorEditorPart"  
          OnPreRender="BehaviorEditorPart1_PreRender" />
      </ZoneTemplate>
    </asp:EditorZone>
    <asp:Button ID="Button1" runat="server" Width="140" 
      Text="Update EditorPart Title" 
      style="left: 340px; position: absolute; top: 65px; z-index: 103;" 
      OnClick="Button1_Click" />
    <asp:TextBox ID="TextBox1" runat="server" 
      style="z-index: 105; left: 500px; position: absolute; top: 65px" />
  </form>
</body>
</html>

Het derde deel van het voorbeeld is een vermelding in het Web.config-bestand. U moet een vermelding maken zoals hieronder in de <webParts> sectie van het bestand, zodat een geautoriseerde gebruiker of een groep gebruikers de webpagina kan bewerken wanneer deze zich in het bereik voor gedeelde persoonlijke instellingen bevindt. Deze vermelding is een kritieke stap; anders is het BehaviorEditorPart besturingselement niet zichtbaar wanneer u de pagina overschakelt naar de bewerkingsmodus.

<webParts>

<personalization>

<authorization>

<allow users="User_account" roles="admin"

verbs="enterSharedScope"/>

</authorization>

</personalization>

</webParts>

Wanneer u de pagina in een browser laadt, kunt u eerst de optie Gedeeld selecteren in de vervolgkeuzelijst Weergavemodus . Klik vervolgens op de vervolgkeuzelijst zelf en selecteer De bewerkingsmodus om de pagina over te schakelen naar de bewerkingsmodus. U kunt op het menu Werkwoorden (de pijl-omlaag) klikken in de titelbalk van het besturingselement Webonderdeel Auteurlijst en op Bewerken klikken om te beginnen met bewerken. Wanneer de gebruikersinterface voor bewerken zichtbaar is, ziet u het BehaviorEditorPart besturingselement en een knop en tekstvak erboven. Als u wijzigingen aanbrengt in de bewerkingsinterface en op de knop Toepassen klikt, kunt u het besturingselement weergavemodus gebruiken om de pagina terug te keren naar de bladermodus en het volledige effect van de bewerkingswijzigingen te bekijken.

Opmerkingen

De BehaviorEditorPart klasse is een editorbesturingselement dat is afgeleid van de EditorPart klasse en wordt gebruikt om eigenschappen te bewerken die van invloed zijn op het gedrag van een gekoppeld WebPart of GenericWebPart besturingselement.

Net zoals er hulpprogrammageoriënteerde zones in de besturingsset webonderdelen staan (zie het ToolZone klassenoverzicht), zijn er besturingselementen voor gereedschapsgeoriënteerde onderdelen (gereedschapsonderdelen) en moet elk hulpmiddelonderdeel zich in een bepaald type gereedschapszone bevinden. Hulpprogrammaonderdelen in de besturingsset webonderdelen hebben twee onderscheidende kenmerken:

• Ze zijn helperbesturingselementen waarmee eindgebruikers besturingselementen op een pagina met webonderdelen kunnen aanpassen.

• Ze zijn alleen zichtbaar in bepaalde weergavemodi.

Het BehaviorEditorPart besturingselement is een hulpmiddelonderdeel dat alleen zichtbaar wordt wanneer een pagina met webonderdelen zich in de bewerkingsmodus bevindt en wanneer een specifiek WebPart besturingselement is geselecteerd voor bewerken. Het BehaviorEditorPart besturingselement, net als alle andere EditorPart besturingselementen, bevindt zich in een EditorZone besturingselement.

Het besturingselement wordt niet weergegeven op de pagina onder bepaalde voorwaarden. Als de IsShared eigenschapswaarde van het WebPart besturingselement dat wordt bewerkt, is trueen de pagina zich in het bereik van de persoonlijke instellingen van de gebruiker bevindt (dit is de standaardinstelling), wordt het besturingselement niet weergegeven. Voordat het BehaviorEditorPart besturingselement in dit scenario wordt weergegeven, moet u meestal twee stappen uitvoeren:

• Voeg een vermelding toe aan het Web.config-bestand dat een geautoriseerde gebruiker toestemming geeft om webpagina's te bewerken in het bereik voor gedeelde persoonlijke instellingen (wat betekent dat de wijzigingen die de gebruiker aanbrengt zichtbaar zijn voor alle gebruikers van de toepassing).

• Wijzig de pagina programmatisch van gebruikersniveau in het bereik voor persoonlijke instellingen op gedeeld niveau tijdens runtime, bijvoorbeeld met behulp van de ToggleScope methode.

Zie de sectie Voorbeeld van dit onderwerp voor een voorbeeld van het zichtbaar maken van het BehaviorEditorPart besturingselement op een pagina. Zie Overzicht van persoonlijke instellingen voor webonderdelen voor meer informatie over gedeelde besturingselementen en persoonlijke instellingen.

De BehaviorEditorPart klasse heeft ook een belangrijke methode, SyncChangesdie wordt overgenomen van de EditorPart klasse en onderdrukkingen. De methode is essentieel omdat hiermee de eigenschapswaarden van het WebPart besturingselement worden bewerkt en toegewezen aan de velden van het bewerkingsbesturingselement.

In de meeste gevallen moet het BehaviorEditorPart besturingselement worden gebruikt in de indeling voor paginapersistentie door een <asp:behavioreditorpart> element in een <zonetemplate> element te declareren, dat op zijn beurt wordt opgenomen door een <asp:editorzone> element op een webpagina. BehaviorEditorPart Met het besturingselement kunnen eindgebruikers de volgende UI-eigenschappen van een WebPart besturingselement bewerken:

• Description

• TitleUrl

• TitleIconImageUrl

• CatalogIconImageUrl

• HelpUrl

• HelpMode

• ImportErrorMessage

• ExportMode

• AuthorizationFilter

• AllowClose

• AllowConnect

• AllowEdit

• AllowHide

• AllowMinimize

• AllowZoneChange

Als u andere eigenschappen en het gedrag van WebPart besturingselementen wilt bewerken, kunt u de andere EditorPart besturingselementen gebruiken die bij de besturingsset webonderdelen zijn geleverd. Deze besturingselementen omvatten de LayoutEditorPart, de AppearanceEditorParten het PropertyGridEditorPart besturingselement. De opgegeven EditorPart besturingselementen moeten de meeste bewerkingsfuncties bieden die nodig zijn om besturingselementen te bewerken WebPart , maar u kunt ook een aangepast editorbesturingselement maken door deze over te nemen van de EditorPart klasse. Zie het EditorPart klassenoverzicht voor een codevoorbeeld.

Toegankelijkheid

De standaard weergegeven markeringen voor dit besturingselement voldoen mogelijk niet aan toegankelijkheidsstandaarden zoals de wcAG-richtlijnen (Web Content Accessibility Guidelines 1.0) prioriteit 1. Zie ASP.NET Besturingselementen en toegankelijkheid voor meer informatie over toegankelijkheidsondersteuning voor dit besturingselement.

Zie ook

• AppearanceEditorPart
• LayoutEditorPart
• PropertyGridEditorPart
• Overzicht van persoonlijke instellingen voor webonderdelen
• ASP.NET besturingselementen voor webonderdelen