Tab
A newer version of this page is available. Switch to the current version.

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.v18.2.dll

Declaration

public virtual AppearanceSelectedStyle HoverStyle { get; }
Public Overridable ReadOnly Property HoverStyle As AppearanceSelectedStyle

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
ASPxHtmlEditor
ASPxHtmlEditor
HtmlEditorPasteOptionsBarStyles
.PasteOptionsBar.HoverStyle
HtmlEditorPasteOptionsBarStyles
.PasteOptionsBarItem.HoverStyle
HtmlEditorSettings
HtmlEditorSettings
MVCxHtmlEditor
MVCxHtmlEditor

Examples

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