IMemoSettings.TextAreaCssClass Property

Assign a CSS class to the memo’s text area.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
string TextAreaCssClass { get; set; }

Property Value

Type	Default	Description
String	null	CSS class names delimited by spaces.

Remarks

Use the TextAreaCssClass property to apply custom CSS classes to the memo’s text area at runtime. To change a CSS class in markup, use the DxMemoSettings.TextAreaCssClass property.

The IMemoSettings interface allows you to get and customize settings of a memo editor at runtime. You can get editor settings in the following ways:

• Call the GetColumnEditSettings method to get editor settings of the column bound to the specified data source field.

  Important

  You need to enclose your code between BeginUpdate and EndUpdate method calls to change values of Grid component parameters outside the Grid component markup. Otherwise, an exception occurs.

  var memoSettings = e.Grid.GetColumnEditSettings<IMemoSettings>("Notes");
  if(memoSettings != null) {
      e.Grid.BeginUpdate();
      memoSettings.TextAreaCssClass="my-memo-style";
      e.Grid.EndUpdate();
  }
  

• Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.

  void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
      if(e.EditSettings is IMemoSettings memoSettings)
          memoSettings.TextAreaCssClass="my-memo-style";
  }
  

• Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.

  void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
      if(e.EditSettings is IMemoSettings memoSettings)
          memoSettings.TextAreaCssClass="my-memo-style";
  }
  

For more information on how to apply CSS classes to DevExpress Blazor components, refer to the following help topic: CSS Classes.