![office 365 font size office 365 font size](https://community.plumsail.com/uploads/default/original/1X/c79fff38dfd601e8c5640cd743dd2a207621bf18.png)
Just like with colors, List Formatting lets you specify font sizes and weights using inline styles. Using these classes is also the only way to apply hover styles within List Formatting.įinally, unlike the other named colors (like ms-bgColor-yellow), white and black are theme sensitive and will swap values when used on light or dark themes. Use the individual border-width, border-left-style, etc. In these cases, don’t use rollup styles like border since this will override the color.
![office 365 font size office 365 font size](https://i.ytimg.com/vi/aHmmA99W6OY/mqdefault.jpg)
Keep in mind these only apply colors and that you’ll still need to specify other properties (such as border style/ width) via individual style attributes. Here’s a handy table with examples: Location You specify how you want the color applied by using the following naming conventions: There are also hover versions of each! This gives you well over 250 classes just for applying colors. Each of these can be combined with prefixes to apply to an element’s text, border, or background. The Office UI Fabric provides 9 theme colors and 11 neutral colors in addition to the 23 named colors. In addition to the predefined classes, like the sp-field-severity classes, you can take advantage of many of the Office UI Fabric classes to ensure your colors always match the theme (even custom themes). This is great when that’s what you want, but what happens when a user changes the site’s theme or a site is associated with a hub site that provides its own set of colors?įortunately, list formatting also allows you to specify classes for your custom elements. Using these directly ensures you always get the chosen color. List formatting allows you to specify inline styles for your custom elements including attributes like color, background-color, and more. With some simple column formats, a view format, or maybe even a combination – power users can take advantage of all the power of the modern list view while adding visual semantics that bring contextual meaning and dramatically increases the value for end users.Īwesome! But how do you make sure your formats don’t clash with the rest of the site? List formatting for modern list views is an incredibly powerful tool that allows you to quickly and easily add instant meaning, visual appeal, and dynamic visualizations directly to your lists.