Skip to main content

ExtensionsFactory.GetStyleSheets(StyleSheet[]) Method

Renders the specified style sheets in the response.

Namespace: DevExpress.Web.Mvc.UI

Assembly: DevExpress.Web.Mvc5.v24.1.dll

NuGet Package: DevExpress.Web.Mvc5

Declaration

public MvcHtmlString GetStyleSheets(
    params StyleSheet[] cssItems
)

Parameters

Name Type Description
cssItems StyleSheet[]

An array of StyleSheet objects defining the attached style sheets.

Returns

Type Description
MvcHtmlString

An MvcHtmlString object that is an empty string.

Remarks

The GetStyleSheets method is used to attach the necessary stylesheet files of the desired DevExpress theme. This method should be called within the HEAD tag of view pages (in most cases, it’s reasonable to call it in the Site.Master or Layout page).

Important

Attach all required style sheets within one GetStyleSheets method call.

Every extension suite has its own set of required style sheets. Their optimization in performed inside the GetStyleSheets method. If you call the method several times, it can cause the style sheet duplication and as a result an incorrect control appearance, for example, missing SVG icons.

Note

The GetStyleSheets method is analogous to the ExtensionsFactory.RenderStyleSheets method and is oriented for use in MVC Razor projects. The GetStyleSheets just renders style sheets to the response and returns an empty string for consistency with Razor syntax.

See Using Extensions in Razor Views to learn more.

Example

The following code attaches DevExpress stylesheets to provide the default appearance for DevExpress extensions.

<html>
<head>
    ...
    @Html.DevExpress().GetStyleSheets( 
        new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout }, 
        new StyleSheet { ExtensionSuite = ExtensionSuite.Editors }, 
        new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor }, 
        new StyleSheet { ExtensionSuite = ExtensionSuite.GridView }, 
        new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
        new StyleSheet { ExtensionSuite = ExtensionSuite.Report } 
    ) 
</head>
...
</html>
See Also