Mục lục bài viết

Thủ Thuật Hướng dẫn Change font color in SharePoint list 2022

Cập Nhật: 2021-12-12 13:29:04,Bạn Cần kiến thức và kỹ năng về Change font color in SharePoint list. Bạn trọn vẹn có thể lại Comments ở cuối bài để Mình được tương hỗ.

605

Note: This post applies to on-premise/server lists or O365 lists set to classic view. This will not work on modern views.

Tóm lược đại ý quan trọng trong bài

  • Create the style
  • Add the style to your list(s)
  • Spread the word:

A little style on column header rows goes a long way. For example, just a background color and font adjustment can take your list from:

Before:

to
After:

Heres how you can apply your own styles to your list(s).

Create the style

Were simply going to add a CSS file to your Site Assets thư mục (Settings > Site Contents > Site Assets). You can do this any of three different ways:

  • Download, then drag and dropthis file into your Site Assets thư mục within your browser, or
  • Copy and paste the following script into a text file using notepad or a similar simple text editing program and save as headers.css (must have the .css extension in file name). Then drag and drop the file into Site Assets.
  • Create a new CSS file within SharePoint Designer and save it to Site Assets as headers.css.


This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters

Show hidden characters

/*Choose your background color*/.ms-viewheadertrbackground:#00426A;/*Choose font style*/.ms-vh2-nofilter, .ms-vh2, a.ms-headerSortTitleLink font-weight:bold;color:white;font-size:1.05em;view raw

headers

hosted with by GitHub

Change the colors and font style as needed and save again.

Add the style to your list(s)

  • Navigate to the list where youre adding the style
  • Edit page
  • Add a Web Part
  • Media and Content > Content Editor > Add
  • Edit Web Part
  • Type /siteassets/header.css in the link field
  • Expand Appearance and set Chrome State to Minimized and Chrome Type to None then click OK
  • Stop editing the page
  • Thats it!

    Want to take it a step further? Make your headers float/stick as you scroll!

  • Heres how to make sticky/floating headers
  • Copy the script from this post and paste it at the top of the file you tải về in the sticky headers tutorial
  • Search for background-color: white; and replace it with the same background color your used in your styling above (#00426A; in my example)
  • Save your changes to the downloaded file and follow the rest of the steps in the other post. Use the content editor youve already added in this post, replacing the /SiteAssets/headers.css line (since we added the script to top of the stickyheaders script) with the /SiteAssets/stickyheaders.js script which includes both.
  • Spread the word:

    • Click to share on Twitter (Opens in new window)
    • Click to share on Facebook (Opens in new window)
    • Click to share on LinkedIn (Opens in new window)
    • Click to print (Opens in new window)
    • More
    • Click to share on Pocket (Opens in new window)
    • Click to share on Skype (Opens in new window)
    • Click to email this to a friend (Opens in new window)

    Like this:

    Like Loading…

    Related

    Review Share Link Tải Change font color in SharePoint list ?

    – Một số Keyword tìm kiếm nhiều : ” Review Change font color in SharePoint list tiên tiến và phát triển nhất , Share Link Tải Change font color in SharePoint list “.

    Giải đáp vướng mắc về Change font color in SharePoint list

    Bạn trọn vẹn có thể để lại Comments nếu gặp yếu tố chưa hiểu nghen.
    #Change #font #color #SharePoint #list