You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/declarative-customization/column-formatting.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -134,7 +134,7 @@ The following image shows an example of conditional formatting applied to a text
134
134
135
135

136
136
137
-
You can apply conditional formatting to text or choice fields that might contain a fixed set of values. The following example applies different classes depending on whether the value of the field is Done, In Review, Has Issues, or another value. This example applies a CSS class (`sp-field-severity--low, sp-field-severity--good, sp-field-severity--warning, sp-field-severity--severeWarning, sp-field-severity--blocked`) to the `<div />` based on the field's value. It then outputs a `<span />` element with an `IconName` attribute. This attribute automatically applies another CSS class to that `<span />` that shows an [Office UI Fabric](https://developer.microsoft.com/en-us/fluentui#/) icon inside that element. Finally, another `<span />` element is output that contains the value inside the field.
137
+
You can apply conditional formatting to text or choice fields that might contain a fixed set of values. The following example applies different classes depending on whether the value of the field is Done, In Review, Has Issues, or another value. This example applies a CSS class (`sp-field-severity--low, sp-field-severity--good, sp-field-severity--warning, sp-field-severity--severeWarning, sp-field-severity--blocked`) to the `<div />` based on the field's value. It then outputs a `<span />` element with an `IconName` attribute. This attribute automatically applies another CSS class to that `<span />` that shows an [Office UI Fabric](https://developer.microsoft.com/fluentui#/) icon inside that element. Finally, another `<span />` element is output that contains the value inside the field.
138
138
139
139
This pattern is useful when you want different values to map to different levels of urgency or severity. You can start from this example and edit it to specify your own field values and the styles and icons that should map to those values.
140
140
@@ -864,11 +864,11 @@ You can use the following predefined classes for several common scenarios.
864
864
> [!NOTE]
865
865
> The icons shown above for the `sp-field-severity` classes are **NOT** part of the class. Only the background color is included. Icons can be added by using the `iconName` attribute.
866
866
867
-
In addition to the classes listed above, the classes (such as the theme color, typography, grid system, etc.) defined by the Office UI Fabric can be used. For details, see the [Fabric website](https://developer.microsoft.com/en-us/fluentui#/styles/web/colors/products).
867
+
In addition to the classes listed above, the classes (such as the theme color, typography, grid system, etc.) defined by the Office UI Fabric can be used. For details, see the [Fabric website](https://developer.microsoft.com/fluentui#/styles/web/colors/products).
868
868
869
869
### Predefined icons
870
870
871
-
You can use predefined icons from Office UI Fabric. For details, see the [Fabric website](https://developer.microsoft.com/en-us/fluentui#/styles/web/icons).
871
+
You can use predefined icons from Office UI Fabric. For details, see the [Fabric website](https://developer.microsoft.com/fluentui#/styles/web/icons).
0 commit comments