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

IModelViewLayoutElementWeb.CustomCSSClassName Property

Specifies the name of the CSS class to be applied to the target layout item in the new web UI.

Namespace: DevExpress.ExpressApp.Web.SystemModule

Assembly: DevExpress.ExpressApp.Web.v18.2.dll


string CustomCSSClassName { get; set; }
Property CustomCSSClassName As String

Property Value

Type Description

A string which is the name of the custom CSS class.


Use the CustomCSSClassName property to change a specific element style in the layout. Note that this property is not used for the Main layout group.

Add the FullNameCSS CSS class in the Default.aspx file to customize the FullName View Item's color and size.

<head runat="server">
    <title>Main Page</title>
    <meta http-equiv="Expires" content="0" />
    <style type="text/css">
            font-size: 25px;
            color: darkblue;

Invoke the Model Editor for the ASP.NET module or application project. Navigate to the Views | <DetailView> | Layout node, find the FullName layout item node and set the CustomCSSClassName property value to "FullNameCSS".


The image below demonstrates the result:


Refer to the How to: Customize ASP.NET Layout Elements Using Custom CSS Classes topic for more examples.

See Also