{"id":30366,"date":"2022-01-18T17:28:41","date_gmt":"2022-01-18T11:58:41","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=30366"},"modified":"2024-01-08T12:16:00","modified_gmt":"2024-01-08T06:46:00","slug":"configuring-timeline-show-hide-activity-display-information-in-dynamics-365-ce","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/01\/configuring-timeline-show-hide-activity-display-information-in-dynamics-365-ce\/","title":{"rendered":"Configuring Timeline (Show\/Hide) activity display information in Dynamics 365 CE"},"content":{"rendered":"<h2><strong>Introduction:<\/strong><\/h2>\n<p>Recently we came across a request from a customer that they wanted to show\/hide a few activity field labels and data that are displayed in the timeline by default.<\/p>\n<p>We then started exploring timeline configuration capabilities in 2021 release wave 2 by following this\u00a0<a href=\"https:\/\/docs.microsoft.com\/en-us\/dynamics365\/customer-service\/customer-service-hub-user-guide-timeline-admin#configure-auto-post-messages-to-display-on-the-timeline\">doc<\/a>. Here we came across a new enhanced feature for configuring the activities in the timeline. It provides the leverage to show\/hide the activity field label and activity data that is displayed over the timeline as per the business needs.<\/p>\n<p>As we all know while displaying activity information in the timeline there are two options available \u2013 \u201cDefault form\u201d or \u201cCard form\u201d. Both forms can be configured easily with the configuration form setting which is explained in detail later in this blog.<\/p>\n<p>On the Account entity timeline, by default the Email activity information is displayed as follows:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30377\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/1Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"1166\" height=\"630\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/1Configuring-Timeline-activity-ink.jpeg 1166w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/1Configuring-Timeline-activity-ink-300x162.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/1Configuring-Timeline-activity-ink-1024x553.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/1Configuring-Timeline-activity-ink-768x415.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/1Configuring-Timeline-activity-ink-660x357.jpeg 660w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/p>\n<p>Let us consider one business scenario where the customer has a request to modify the timeline configuration as given below:<\/p>\n<p><strong>1<\/strong>. Change the header label from \u201cEmail From\u201d to \u201cFrom\u201d (e.g. \u201cEmail From\u201d is the default label shown, refer to the screenshot above).<\/p>\n<p><strong>2<\/strong>. Hide the \u201cSubject\u201d label and show data present in the \u201cSubject\u201d field as it is (e.g. \u201cInitial Demo\u201d is the data present, refer to the screenshot above).<\/p>\n<p><a href=\"https:\/\/bit.ly\/3MBmdDp\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full wp-image-34434\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/Kanban-Board.gif\" alt=\"Kanban Board\" width=\"800\" height=\"200\" \/><\/a><\/p>\n<p><strong>3<\/strong>. Hide the \u201cDescription\u201d label and hide the data present in the \u201cDescription\u201d field as well, showing the \u201cDescription\u201d data only if the user expands the activity record in the timeline. (e.g. \u201cDescription\u201d label and value are by default shown (without expanding) but the customer needs to hide them and show them after expanding, refer to the screenshot above).<\/p>\n<p><strong>4<\/strong>. Hide the \u201cStatus\u201d (e.g. \u201cActive\u201d status shown, refer to the screenshot above).<\/p>\n<p><strong>5<\/strong>. Hide the \u201cModified On\u201d footer label and show it only after the mouse hovers. Also show data present in the \u201cModified On\u201d field as it is (e.g. \u201cModified On\u201d date value present in the footer along with the \u201cModified On\u201d label, refer to the screenshot above).<\/p>\n<p>You can follow the below steps for accommodating the above changes while configuring the timeline:<\/p>\n<p><strong>1<\/strong>. Go to\u00a0<a href=\"https:\/\/make.powerapps.com\/\">https:\/\/make.powerapps.com\/<\/a>\u2013&gt;Select an Account entity\u2013&gt; Under Forms\u2013&gt;Select the \u201cAccount\u201d Main form.<\/p>\n<p><strong>2<\/strong>. When you select the timeline then the \u201cProperties\u201d tab opens up to the right side, where you can click on the appropriate activity that you want to configure. I clicked on Email activity and as you can see by default there is \u201cDefault Form\u201d selected in the \u201cConfigure form\u201d window as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30376\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/2Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"1073\" height=\"591\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/2Configuring-Timeline-activity-ink.jpeg 1073w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/2Configuring-Timeline-activity-ink-300x165.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/2Configuring-Timeline-activity-ink-1024x564.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/2Configuring-Timeline-activity-ink-768x423.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/2Configuring-Timeline-activity-ink-660x364.jpeg 660w\" sizes=\"(max-width: 1073px) 100vw, 1073px\" \/><\/p>\n<p><strong>3<\/strong>. When you click on it, the Default form opens up with default setting as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30375\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/3Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"1012\" height=\"729\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/3Configuring-Timeline-activity-ink.jpeg 1012w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/3Configuring-Timeline-activity-ink-300x216.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/3Configuring-Timeline-activity-ink-768x553.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/3Configuring-Timeline-activity-ink-660x475.jpeg 660w\" sizes=\"(max-width: 1012px) 100vw, 1012px\" \/><\/p>\n<p><strong>4<\/strong>. Now, let us configure the above Default form to incorporate the customer request as stated above.<\/p>\n<p><strong>5<\/strong>. On \u201cDefault form\u201d, below fields \u201cLabel option\u201d and \u201cDisplay option\u201d are configured to match the above customer need:<\/p>\n<p><strong>HEADER<\/strong><u>: <\/u>Uncheck the \u201c<strong>Use default label<\/strong>\u201d\u00a0checkbox to show \u201c<strong>From<\/strong>\u201d as label in the header.<\/p>\n<p><em>Note: If the \u201c<strong>Use default label<\/strong>\u201d\u00a0checkbox is checked \u201cEmail From\u201d label is displayed in the header and vice versa.<\/em><\/p>\n<p><strong>BODY1<\/strong><u>:<\/u> To hide \u201cSubject\u201d label, select \u201cLabel option\u201d dropdown option as<strong> Hide<\/strong>.<\/p>\n<p><strong>BODY2<\/strong>: To hide \u201cDescription\u201d label, select \u201cLabel option\u201d dropdown option as Hide. And to hide \u201cDescription\u201d field value and show it after expanding, select the \u201cDisplay option\u201d dropdown as <strong>Show on expand<\/strong>.<\/p>\n<p><strong>STATUS TAG:<\/strong> To hide \u201cStatus\u201d, select \u201cDisplay option\u201d dropdown option as<\/p>\n<p><strong>FOOTER<\/strong><u>: <\/u>To hide \u201cModified On\u201d label and show after mouse hover, select the \u201cLabel option\u201d dropdown as <strong>Show on hover<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30374\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/4Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"1002\" height=\"729\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/4Configuring-Timeline-activity-ink.jpeg 1002w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/4Configuring-Timeline-activity-ink-300x218.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/4Configuring-Timeline-activity-ink-768x559.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/4Configuring-Timeline-activity-ink-660x480.jpeg 660w\" sizes=\"(max-width: 1002px) 100vw, 1002px\" \/><\/p>\n<p>Once done with the above configuration, click on the \u201cDone\u201d button. Once you save and publish it, you will observe the changes in the timeline as below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30373\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/5Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"854\" height=\"504\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/5Configuring-Timeline-activity-ink.jpeg 854w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/5Configuring-Timeline-activity-ink-300x177.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/5Configuring-Timeline-activity-ink-768x453.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/5Configuring-Timeline-activity-ink-660x390.jpeg 660w\" sizes=\"(max-width: 854px) 100vw, 854px\" \/><\/p>\n<p>You can refer the above screenshot where post configuration you can observe below changes in the timeline:<\/p>\n<p><strong>1<\/strong>. Header label changed to \u201cFrom\u201d.<\/p>\n<p><strong>2<\/strong>. \u201cSubject\u201d label is hidden from the Body1 and only \u201cSubject\u201d field data is shown.<\/p>\n<p><strong>3<\/strong>. After expanding you will observe \u201cDescription\u201d label is hidden and only \u201cDescription\u201d field data is shown in the Body2 as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30372\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/6Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"826\" height=\"550\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/6Configuring-Timeline-activity-ink.jpeg 826w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/6Configuring-Timeline-activity-ink-300x200.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/6Configuring-Timeline-activity-ink-768x511.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/6Configuring-Timeline-activity-ink-660x439.jpeg 660w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p><strong>4<\/strong>. Notice that Status is hidden and moreover by hovering mouse on the Footer you will observe \u201cModified On\u201d label shown as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30371\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/7Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"869\" height=\"506\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/7Configuring-Timeline-activity-ink.jpeg 869w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/7Configuring-Timeline-activity-ink-300x175.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/7Configuring-Timeline-activity-ink-768x447.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/7Configuring-Timeline-activity-ink-660x384.jpeg 660w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/p>\n<p><strong><u>Email Card form configuration:<\/u><\/strong><\/p>\n<p>Similar to the \u201cDefault form\u201d configuration explained above, there is facility to change the Default form to Email card form at any time. For this, there is a form switcher available as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30370\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/8Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"986\" height=\"706\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/8Configuring-Timeline-activity-ink.jpeg 986w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/8Configuring-Timeline-activity-ink-300x215.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/8Configuring-Timeline-activity-ink-768x550.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/8Configuring-Timeline-activity-ink-660x473.jpeg 660w\" sizes=\"(max-width: 986px) 100vw, 986px\" \/><\/p>\n<p>Once you select the Email Card Form from the above form switcher, the fields are available for configuration are as per the Email card form. By clicking on \u201cOpen Email Card form\u201d you will be navigated to the Email card form which you can customize as per your need.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30369\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/9Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"892\" height=\"689\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/9Configuring-Timeline-activity-ink.jpeg 892w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/9Configuring-Timeline-activity-ink-300x232.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/9Configuring-Timeline-activity-ink-768x593.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/9Configuring-Timeline-activity-ink-660x510.jpeg 660w\" sizes=\"(max-width: 892px) 100vw, 892px\" \/><\/p>\n<p>Email card form design available for customization appears as below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30368\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/10Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"996\" height=\"474\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/10Configuring-Timeline-activity-ink.jpeg 996w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/10Configuring-Timeline-activity-ink-300x143.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/10Configuring-Timeline-activity-ink-768x365.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/10Configuring-Timeline-activity-ink-660x314.jpeg 660w\" sizes=\"(max-width: 996px) 100vw, 996px\" \/><\/p>\n<p>Once you save and publish it, you will observe the changes in the timeline as per the card form as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30367\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/11Configuring-Timeline-activity-ink.jpeg\" alt=\"Configuring Timeline activity\" width=\"871\" height=\"557\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/11Configuring-Timeline-activity-ink.jpeg 871w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/11Configuring-Timeline-activity-ink-300x192.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/11Configuring-Timeline-activity-ink-768x491.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/01\/11Configuring-Timeline-activity-ink-660x422.jpeg 660w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/p>\n<p><strong>NOTES:<\/strong><\/p>\n<ul>\n<li>Some of the activity records have existing card forms (like Appointment, Email, Case Resolution, Phone call, Service Activity, Social Activity, Task, Conversation, Outbound message, Session, Customer voice alert, Customer voice survey Invite, Customer voice survey response). You can either edit the existing card form or you can create your custom card and use the same.<\/li>\n<li>The ColorStrip and Footer section of the Card form does not appear on the timeline record.<\/li>\n<li>From the header section of the card form only the first two fields will be seen on the timeline record.<\/li>\n<\/ul>\n<h2><strong>Conclusion:<\/strong><\/h2>\n<p>With the help of this enhanced timeline configuration, we can easily show and hide the timeline activities information which will ultimately deliver a more personalized experience while displaying bulk activity records in the timeline.<\/p>\n<h2 style=\"text-align: left;\"><div class=\"su-heading su-heading-style-default su-heading-align-center\" id=\"\" style=\"font-size:15px;margin-bottom:5px\"><div class=\"su-heading-inner\">Save 1-2 hours or $800 monthly on scheduling and managing business travel with a geo-mapping App!<\/div><\/div><\/h2>\n<p><em><strong><a href=\"https:\/\/bit.ly\/3ELX45j\" target=\"_blank\" rel=\"noopener noreferrer\">Maplytics<\/a> <\/strong>\u2013 Integrate Map with Dynamics 365 CRM and visualize data on the map, manage sales territories, auto-schedule appointments, get optimized travel routes, track field reps in real-time, and more<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: Recently we came across a request from a customer that they wanted to show\/hide a few activity field labels and data that are displayed in the timeline by default. We then started exploring timeline configuration capabilities in 2021 release wave 2 by following this\u00a0doc. Here we came across a new enhanced feature for configuring\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/01\/configuring-timeline-show-hide-activity-display-information-in-dynamics-365-ce\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2361],"tags":[2550,2551],"class_list":["post-30366","post","type-post","status-publish","format-standard","hentry","category-technical","tag-dynamics-365-crm-configuration","tag-dynamics-365-timeline-configuration"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/30366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=30366"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/30366\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=30366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=30366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=30366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}