
If sections on an object page offer more horizontal than vertical space, use a horizontal timeline.Likewise, if the container is oriented horizontally (either by design or due to responsive behavior), the timeline should also be horizontal. In a vertically-oriented dynamic side content container, also use vertical orientation for the timeline.When you choose the layout, consider the type of content and the screen real estate available for displaying the control. For example:.When using the horizontal layout, use the single-sided (bottom) or double-sided version, unless the use case is better supported by the top-sided version.When using the vertical timeline, use single-sided (right) or double-sided layout, unless the use case calls for the left-sided version.Only use colors to convey semantic information (for example, warnings or errors). HTML Unicode: & # xe 0 a b (remove the spaces) Only use the speech bubble icon for posts entered manually by users.Post triggered by a technical source: Posts can also originate from a purely technical source (for example, if a threshold has been exceeded, or a deadline has been reached).īoiler BB-258/80 has exceeded its maximum temperature.(Followed by an optional preview of the image) Julie Armstrong added the picture our_team.jpg (Followed by an optional preview of the note) (Followed by an optional preview of the document, if available) John Miller uploaded the document Sales-Revenue_Q4.xls
(Followed by an optional preview of the header data) Julie Armstrong created sales order 4815162342.
Post triggered by user action: The post is triggered by something a person does (such as creating an object, adding a note, or uploading an attachment). Julie Armstrong: Can someone please have a look at these numbers? Manual post: A person actively posts to the timeline (or to another place that supplies updates to the timeline). For integration with other social collaboration solutions, you can use the timeline control, but the integration does not come out of the box and needs to be provided by the app team. If you also require social collaboration features, you have two options: For integration with SAP Jam, you can use the group feed component, which offers similar features to the timeline. These are just some of the ways you can position the timeline on a page. If you are using the object page floorplan, you can use the horizontal layout to integrate the timeline (see Orientationin the Styles section below). These entries can be added manually or generated by the system (for example, value XY changed from A to B). A common use case is to provide information about changes to an object, or events related to an object. If the timeline contains only secondary information, or only needs to be accessed occasionally, you can embed it in a tab. The timeline control shows entries (such as objects, events, or posts) in chronological order. Alternatively, you can create a separate page with the timeline as the central element and show it next to the main content using the flexible column layout. If the timeline is closely related to the content and needs to be seen in parallel, you can use the dynamic side content floorplan. Where you place it depends on your use case. The timeline does not have a fixed location on the UI.