Tab

AppearanceStyle.HoverStyle Property

Gets the style settings which define the appearance of the corresponding element when the mouse pointer is hovering over it.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.2.dll

Declaration

public virtual AppearanceSelectedStyle HoverStyle { get; }

Property Value

Type Description
AppearanceSelectedStyle

A AppearanceSelectedStyle object that contains the hover style settings.

Property Paths

You can access this nested property as listed below:

Object Type Path to HoverStyle
HtmlEditorPasteOptionsBarStyles
.PasteOptionsBarItem.HoverStyle

Example

This example demonstrates how the checked state of items can be manipulated to emulate the toolbar behavior (using the ASPxMenu control).

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, 
PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxMenu" TagPrefix="dxm" %>  

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

<script runat="server">
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
 <head id="Head1" runat="server">
     <title>Check states of items</title>
 </head>
 <body>
     <form id="form1" runat="server">
         <br/>
          <dxm:ASPxMenu ID="ASPxMenu1" runat="server" ItemSpacing="1px" 
              SeparatorColor="Transparent" 
              SeparatorHeight="15px" SeparatorWidth="2px">
             <Items>
                 <dxm:MenuItem GroupName="Bold" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/bold.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Italic" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/italic.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Underline" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/underline.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem BeginGroup="True" GroupName="Align" Text="" Checked="True">
                     <Image Url="~/ASPxperience/Menu/Images/left.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/center.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/right.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/justify.gif" />
                 </dxm:MenuItem>
             </Items>
             <ItemStyle>
                 <Paddings Padding="2px" />
                 <HoverStyle BackColor="#B6BDD2">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
                 </HoverStyle>
                 <CheckedStyle BackColor="#D4D5D8">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
                 </CheckedStyle>
             </ItemStyle>
             <Paddings Padding="1px" />
             <BackgroundImage ImageUrl="~/ASPxperience/Menu/Images/back.gif" />
             <SeparatorPaddings PaddingLeft="2px" PaddingRight="2px" />
             <SeparatorBackgroundImage ImageUrl="~/ASPxperience/Menu/Images/separator.gif" 
              Repeat="NoRepeat" />
         </dxm:ASPxMenu>

     </form>
 </body>
 </html>
See Also