Attributes in Web Personalization

Introducing Attributes to Web Personalization: The aim is to improve the user's ability to add or modify the attributes of the selected element within the WebX Editor. The Attributes tab consists of two collapsible panels: Standard and Custom.

Standard Attributes: Standard attributes on a web page are predefined attributes that can be applied to HTML elements to control their behavior, appearance, and functionality. Some commonly used Standard Attributes are:

• Id: A unique identifier for the element.
• Title: Tooltip for the element.
• Classes: One or more class names to style the element with CSS.
  
  Note: Predefined Id Classes and Title cannot be deleted or modified. You can add IDs, and Title if they are blank. You can add more Classes by clicking on the Add Class button.

Custom Attributes: Custom attributes on a web page, often referred to as data attributes, allow developers to store extra information directly on HTML elements. These data attributes can be used to style your elements. This panel allows users to add or delete additional attributes. Some commonly used Custom Attributes are:

• href

• src

• width and height

• alt

• style

• lang

  Note: Predefined Custom attributes can be deleted. You can add more Custom attributes by clicking on the Add Attribute button.
  
  

  
  

To add or modify Attributes of a selected element, please follow the steps below.

• Select an Element in the Preview Panel and click on Attributes. The Attributes tab opens with two main collapsible panels, listing all the available attributes under Standard and Custom Attributes.  
• Add a Standard Attribute (Id, Class, or Title). The Discard and the Save buttons are activated. Click Save.
  Note: You can only add Id or Title if the field is blank. If the values are Predefined, they cannot be modified.
  
  
• A confirmation message is displayed. The Standard Attributes are saved and displayed in the Updates Panel. 
• Add a Custom Attribute by clicking on the Add Attribute button. The Discard and the Save buttons are enabled. Click Save.Note: Adding a Custom Attribute with spaces between characters will show an error message "Attribute Names cannot have spaces."
  
  
• A confirmation message is displayed. The Custom Attributes are saved and displayed in the Updates Panel. 
• Click the Remove Attribute icon to remove a Custom Attribute. The Attribute is deleted from the list. 
  
  

Related Topics:

Creating a Web Experience

Personalizing a Variation

Web Personalization Library