diff --git a/help/en/docs/conditional-formatting.md b/help/en/docs/conditional-formatting.md index ddfd5411a..a061e2785 100644 --- a/help/en/docs/conditional-formatting.md +++ b/help/en/docs/conditional-formatting.md @@ -29,10 +29,13 @@ To add conditional formatting to rows, go to the `ROW STYLE` section of the [cre Order of Rules -------------- -Note that Grist applies the rules in order. Styles applied by later rules will override those applied by earlier rules. +Note that Grist applies the rules in order from top to bottom. Styles applied by rules that appear later in the list will override those applied by rules earlier in the list. To change the order of the rules, hover over a rule to reveal a drag handle, then click and drag the handle to move the rule to its new position. What would happen if we swapped the last two rules in the example above? ![Conditional rules order](images/columns/conditional-rules-order.PNG) -Notice that Gen Hamamoto, who has 0 champion dogs, is not highlighted in brown. This is because after applying the second conditional style, `$Number_of_Champions == 0`{: .formula}, Grist applied the third, `$Number_of_Champions <= 2`{: .formula}, which applies to Gen Hamamoto as well and shades him blue. +Notice that Gen Hamamoto, who has 0 champion dogs, is not highlighted in brown. This is because after applying the second conditional style, `$Number_of_Champions == 0`{: .formula}, Grist applied the third, `$Number_of_Champions <= 2`{: .formula}, which applies to Gen Hamamoto as well and shades him blue. When we change the order of the rules so that the second and third conditional styles switch positions, Gen Hamamoto will be highlighted in brown. + +![Reorder conditional rules](images/columns/reorder-conditional-rules.gif) +{: .screenshot-half} diff --git a/help/en/docs/images/columns/reorder-conditional-rules.gif b/help/en/docs/images/columns/reorder-conditional-rules.gif new file mode 100644 index 000000000..9a9546df0 Binary files /dev/null and b/help/en/docs/images/columns/reorder-conditional-rules.gif differ