Skip to content

Commit 36d0ba5

Browse files
authored
Fixed broken links of Office UI Fabric
The link to Office UI Fabric are updated.
1 parent 40a9582 commit 36d0ba5

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/declarative-customization/column-formatting.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -134,7 +134,7 @@ The following image shows an example of conditional formatting applied to a text
134134

135135
![Status field with done colored green, blocked colored red, and in review colored orange](../images/sp-columnformatting-conditionaladvanced.png)
136136

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://dev.office.com/fabric#/) 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/en-us/fluentui#/) icon inside that element. Finally, another `<span />` element is output that contains the value inside the field.
138138

139139
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.
140140

@@ -864,11 +864,11 @@ You can use the following predefined classes for several common scenarios.
864864
> [!NOTE]
865865
> 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.
866866
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://dev.office.com/fabric#/styles/colors).
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).
868868

869869
### Predefined icons
870870

871-
You can use predefined icons from Office UI Fabric. For details, see the [Fabric website](https://dev.office.com/fabric#/styles/icons).
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).
872872

873873
## Creating custom JSON
874874

0 commit comments

Comments
 (0)