MyNote365

Office365 , OneNote , SharePoint , PowerApps , MicrosoftFlow 関連の備忘録

【SharePoint】Timeline format

f:id:tecchan365:20210113144450p:plain

※英語圏の方からご質問いただきましたので、がんばって英語で書いてみました。間違った英語等記載されていても、大目に見てください(泣)

I have previously added a timeline format sample to the PnP samples. However, in that added sample, an image could not be included in the description.

github.com

So I fixed so that an image can be included in the description, as shown above.

View requirements

The view must include these columns:

Column Name Type
Title Single Line Text
Description Multi Line Text
Image Image

Vertical Timeline Format Sample

Vertical Timeline Format Sample 1

Click on the circle to see the description.

f:id:tecchan365:20210113145239p:plain

Vertical Timeline Format Sample 2

The description is always displayed.

f:id:tecchan365:20210113145148p:plain

Vertical Timeline Format Sample 3

The description is always displayed. Also, the explanation is displayed alternately on the left and right.

f:id:tecchan365:20210113145324p:plain

Horizontal Timeline Format Sample

Horizontal Timeline Format Sample 1

Click on the circle to see the description.

f:id:tecchan365:20210113145515p:plain

Horizontal Timeline Format Sample 2

The description is always displayed.

f:id:tecchan365:20210113145546p:plain

Horizontal Timeline Format Sample 3

The explanation is always displayed. The description is always displayed, and alternates between the top and bottom.

f:id:tecchan365:20210113145637p:plain