Skip to content
Branch: master
Find file History
aprildunnam and thechriskent Added View Formatting Example for Planner Inspired Task Cards (#172)
* Birthday List Formatting

* Update README.md

Added Links, minor formatting, and added analytics image tag

* Renamed File

Renamed json file and normalized spacing

* Update README.md

Adjusted Link

* Planner Inspired Task Card

This View Formatting created Microsoft Planner-esq cards for task items.

* Update SPPlannerFormat.png

* Twitter Format

Formats a SharePoint list to look like Twitter.  Pulls in Twitter profile image, links to profile, share icon that links to tweet, retweet icon shows # of retweets

* Fixed README and adjusted DueDate field

Fixed Table issue (columns were backwards in view requirements)
Added choice values
Added tracking image
Switched column to use no space internally

* Added animated gif to README

* Simplified format

Removed unused neutral bgColor classes from root
Removed extra icon elements (combined into expression)
Fixed profile picture tooltip
Removed calendar icon when due date not provided

* Adjusted to use all theme colors

Now works in Dark themes

* Minor Corrections to Twitter-Format

Added missing view requirement column
Simplified format
Added Tracking image
Adjusted colors to use themes to support dark themes
Latest commit 566f52e Aug 13, 2019

readme.md

Twitter Format

Summary

This sample formats your SharePoint list view to look like Twitter. If you are using the Microsoft Flow Templates to track tweets in a SharePoint list, this is a great way to format your list so that it looks more like Twitter. For more info on Flow Templates that take Tweets and add them to a SharePoint list check out this template: https://us.flow.microsoft.com/en-us/galleries/public/templates/e78571e5c70e4806a18eeacba5a897c8/save-tweets-that-include-a-specific-hashtag-to-a-sharepoint-list/

This sample features the following:

  • Responsive layout through flexbox
  • Shows the number of retweets
  • Share icon which takes you to the Tweet in Twitter so you can like, retweet, etc
  • The Person's name is a hyperlink to their Profile
  • Pulls in Twitter Profile Pictures

Twitter Format Screenshot

Screen Capture of working Links

Twitter Format Screenshot

View requirements

Type Internal Name Required
Single line of text Title Yes
Single line of text TweetBy Yes
Single line of text TweetByFullName Yes
Date Time TweetDate Yes
Calculated Column TweetFormattedDate Yes
Hyperlink TwitterProfilePic Yes
Hyperlink ProfileLink Yes
Hyperlink LinkToTweet Yes
Multi Line of Text FullTweet Yes
Number NumbRetweets Yes

You need the TweetFormattedDate Calculated Column so that it only shows the current month name spelled out and date (not the year or time). The formula for this calculated column is below:

=TEXT(TweetDate,"mmm d")

Sample

Solution Author(s)
twitter-format April Dunnam

Version history

Version Date Comments
1.0 August 2, 2019 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


You can’t perform that action at this time.