24

Create an event page with SharePoint, SharePoint Spaces and formatted Lists

 2 years ago
source link: https://techcommunity.microsoft.com/t5/microsoft-365-pnp-blog/create-an-event-page-with-sharepoint-sharepoint-spaces-and/ba-p/2994438?WT_mc_id=DOP-MVP-4025064
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Create an event page with SharePoint, SharePoint Spaces and formatted Lists

Create an event page with SharePoint, SharePoint Spaces and formatted Lists

Published Nov 23 2021 02:10 AM 1,831 Views

Recently I shared with the PnP community an event page I was working on and how I used SharePoint, Spaces and formatted Lists to design the user experience. In this post is explained the details of how the page, space and lists are made.







I will break down the components first and then go into the details one by one.





A headerless page: For the event page, I chose to have a headerless page in my SharePoint site. My intention was to save some real-estate on the page because there is no header image banner on a headerless page.

To create the headerless page, make a copy of the site homepage (the default home page created when you create a new site does not have a header and title at the top), rename the URL and rename the page title in page properties. The copy gets added to the page library with url ending “..home1.aspx”.

For comparison see the amount of space saved below.







For comparison see the amount of space saved below.

With header, the image banner takes more space

For the page layout choose the vertical section. This puts a vertical section for the full length of the page on the right-hand-side.



SharePoint Space: Within the same SharePoint site, I activated Spaces. Spaces is a feature that needs to be activated at each site level. Do that from Site settings > Manage Site features > Spaces > Activate.

You can learn how to create Spaces from the Microsoft support documentation

Below image snapshot shows the design of my Space and the web parts I used.





Now with the Space created, copy the URL to the Space and to add it to the event page (the headerless page) using the embed web part on the page.





Paste the URL to the Space in the embed web part and save the page. If you want to customize the height and width properties of the embedded Space, use an iFrame embed code like the below and adjust the properties to taste.



<iframe src="https://<Replace with your Space URL>" width="100%" height="550" style="border:1px solid black;">
</iframe>

To get a similar result as shown below you may need to adjust the positions of the web parts in the Space by checking how they are aligned once embedded on the event page.





Events list: The sessions are scheduled using the events calendar in the SharePoint site. However I chose not to display them on the event page using the events web part; instead I chose a SharePoint list (details in next section).

From the events calendar, for each event we can get the event URL. This information is needed to let users add the event to their calendars. To create the events, use the Events web part on a separate hidden page or use the events list from the backend through Site contents. Use Microsoft support documentation for help.



SharePoint list to display the sessions information: To display the sessions on the event page, I created a list in the SharePoint site with the below columns. The field labels for the columns were renamed later to suit the event needs.





If you are new to lists and want to learn how to work with lists and add entries, follow the Microsoft documentation.

After adding the session entries, I formatted the columns using JSON to give it a better format and styling like the below. I recommend creating a separate view before proceeding with formatting the columns. That way you have a view to embed on the event page and another view in the backend for editing purposes.





Let’s look at the formatting, let us take them column by column starting with the Session column.

The session column is a single line text column and has a left-hand-side border, session title and a share button. The share button opens the default share option for list items to allow users to share session links through email or copy the link to share through Teams or another channel.



To get that format, use the below JSON code. Open the drown-down arrow next to the column header > select column settings > select Format this column. Then paste the below JSON and click save.

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "attributes": {
    "class": "sp-css-backgroundColor-neutralBackground"
  },
  "style": {
    "border-color": "=if([$Sessiontrack] =='Keynote', '#0fc373', if([$Sessiontrack] =='Product Roundtables', '#ff8c0a',  if([$Sessiontrack] =='Breakout', '#af78d2' '#0082f0')))",
    "border-left-style": "solid",
    "border-width": "4px",
    "border-radius": "4px",
    "background-color": "sp-css-backgroundColor-neutralBackground",
    "white-space": "normal",
    "padding-top": "0px",
    "display": "flex",
    "flex-direction": "row",
    "height": "60px",
    "margin-left": "-10px"
  },
  "children": [
    {
      "elmType": "span",
      "style": {
        "margin-left": "3px",
        "display": "flex",
        "flex-direction": "column",
        "justify-content": "center"
      },
      "children": [
        {
          "elmType": "span",
          "style": {
            "padding-top": "0px",
            "display": "flex",
            "flex-direction": "row"
          },
          "children": [
            {
              "elmType": "span",
              "style": {
                "padding": "6px",
                "white-space": "normal",
                "font-size": "13.5px",
                "font-weight": "400"
              },
              "txtContent": "@currentField"
            },
            {
              "elmType": "span",
              "style": {
                "align-content": "right",
                "justify-content": "right",
                "padding-left": "2px",
                "white-space": "normal"
              },
              "children": [
                {
                  "elmType": "button",
                  "customRowAction": {
                    "action": "share"
                  },
                  "attributes": {
                    "class": "ms-fontColor-themePrimary ms-fontColor-themeDark--hover",
                    "title": "Share Item"
                  },
                  "style": {
                    "padding-top": "4px",
                    "border": "none",
                    "background-color": "transparent",
                    "cursor": "pointer"
                  },
                  "children": [
                    {
                      "elmType": "span",
                      "style": {
                        "align-content": "left",
                        "justify-content": "left",
                        "padding": "4px",
                        "white-space": "normal"
                      },
                      "attributes": {
                        "iconName": "Share",
                        "class": "ms-font-l"
                      }
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}


The About column is a multi-line text column and has the below formatting applied.







{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "flex-direction": "row",
    "justify-content": "start"
  },
  "children": [
    {
      "elmType": "div",
      "txtContent": "=substring(@currentField, 0, 70) + '...'",
      "style": {
        "white-space": "normal",
        "padding": "2px 0",
        "font-size": "13px",
        "margin": "6px 4px 4px -6px"
      },
      "attributes": {
        "class": ""
      }
    },
    {
      "elmType": "div",
      "attributes": {
        "title": "@currentField.description",
        "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-urlContent  sp-card-content sp-card-highlightedContent",
        "iconName": "MoreVertical"
      },
      "style": {
        "margin-top": "1px",
        "font-size": "13px",
        "padding": "0 4px",
        "color": "black",
        "pointer-events": "=if (@currentField == '', 'none', 'auto')",
        "text-decoration": "=if (@currentField == '', 'none', 'auto')"
      },
      "customCardProps": {
        "openOnEvent": "hover",
        "directionalHint": "rightCenter",
        "isBeakVisible": true,
        "beakStyle": {
          "backgroundColor": "#3c3c3c"
        },
        "formatter": {
          "elmType": "div",
          "style": {
            "color": "white",
            "background-color": "#3c3c3c",
            "width": "300px",
            "padding": "10px"
          },
          "txtContent": "@currentField"
        }
      }
    }
  ]
}


The Host column is a Person type column and allows multi selection. It has the below formatting.







{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
  "elmType": "div",
  "children": [
    {
      "forEach": "personIterator in @currentField",
      "elmType": "div",
      "style": {
        "border-color": "#0050ca",
        "border-style": "solid",
        "border-width": "2px",
        "width": "30px",
        "height": "30px",
        "overflow": "hidden",
        "border-radius": "50%",
        "margin": "2px",
        "display": "=if(loopIndex('personIterator') >= 3, 'none', '')"
      },
      "children": [
        {
          "elmType": "img",
          "attributes": {
            "src": "='/_layouts/15/userphoto.aspx?size=S&accountname=' + [$personIterator.email]",
            "title": "[$personIterator.title]"
          },
          "style": {
            "position": "relative",
            "top": "50%",
            "left": "50%",
            "width": "100%",
            "height": "auto",
            "margin-left": "-50%",
            "margin-top": "-50%",
            "display": "=if(length(@currentField) > 3 && loopIndex('personIterator') >= 2, 'none', '')",
            "vertical-align": "baseline"
          }
        },
        {
          "elmType": "div",
          "attributes": {
            "title": "=join(@currentField.title, ', ')",
            "class": "ms-bgColor-neutralLight ms-fontColor-neutralSecondary"
          },
          "style": {
            "width": "100%",
            "height": "100%",
            "text-align": "center",
            "line-height": "30px",
            "font-size": "14px",
            "display": "=if(length(@currentField) > 3 && loopIndex('personIterator') == 2, '', 'none')"
          },
          "children": [
            {
              "elmType": "span",
              "txtContent": "='+' + toString(length(@currentField) - (2))"
            }
          ]
        }
      ]
    }
  ]
}


The Day 1 and Day 2 columns are Hyperlink columns and have the below formatting. The time value is stored in the Description field of the Hyperlink field. The “Add to calendar” element holds the URL to the event in the events list.







{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "white-space": "normal",
    "flex-wrap": "wrap",
    "display": "flex"
  },
  "children": [
    {
      "elmType": "div",
      "style": {
        "width": "135px",
        "flex-direction": "column",
        "border-color": "#0050ca",
        "border-style": "solid",
        "border-width": "1px",
        "box-sizing": "border-box",
        "padding": "4px 8px 5px 8px",
        "display": "flex",
        "border-radius": "4px",
        "height": "100%",
        "align-items": "left",
        "white-space": "wrap",
        "overflow": "hidden",
        "margin": "6px 4px 4px -5px"
      },
      "attributes": {
        "class": "ms-bgColor-themePrimary sp-css-borderColor-themePrimary sp-card-borderHighlight sp-card-subContainer"
      },
      "children": [
        {
          "elmType": "a",
          "attributes": {
            "title": "@currentField.description",
            "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-urlContent sp-card-content sp-card-highlightedContent",
            "href": "@currentField",
            "target": "=if (@currentField== '', '', '_blank')"
          },
          "style": {
            "margin-bottom": "6px",
            "font-size": "14px",
            "padding": "0 4px",
            "color": "white",
            "pointer-events": "=if (@currentField == '', 'none', 'auto')",
            "text-decoration": "=if (@currentField == '', 'none', 'auto')"
          },
          "txtContent": "=' '+'@currentField.desc'"
        },
        {
          "elmType": "a",
          "attributes": {
            "title": "@currentField.description",
            "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-urlContent  sp-card-content sp-card-highlightedContent",
            "href": "@currentField",
            "target": "=if (@currentField== '', '', '_blank')",
            "iconName": "AddEvent"
          },
          "style": {
            "margin-top": "1px",
            "font-size": "13px",
            "padding": "0 4px",
            "color": "white",
            "pointer-events": "=if (@currentField == '', 'none', 'auto')",
            "text-decoration": "=if (@currentField == '', 'none', 'auto')"
          },
          "txtContent": " View/save event",
          "customCardProps": {
            "openOnEvent": "hover",
            "directionalHint": "rightCenter",
            "isBeakVisible": true,
            "beakStyle": {
              "backgroundColor": "#3c3c3c"
            },
            "formatter": {
              "elmType": "div",
              "style": {
                "color": "White",
                "background-color": "#3c3c3c",
                "width": "100px",
                "padding": "10px"
              },
              "txtContent": "View/add to calendar"
            }
          }
        }
      ]
    }
  ]
}


The Join columns are of type Hyperlink and have the below formatting applied. The URLs stored in the Hyperlink fields are URLs to meetings created in Microsoft Teams.







{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "flex-wrap": "wrap",
    "display": "flex",
    "white-space": "normal"
  },
  "children": [
    {
      "elmType": "div",
      "style": {
        "box-sizing": "border-box",
        "border-color": "=if(Date('11/17/2021') <= @now + 86400000, '#464775', 'gray'",
        "border-style": "solid",
        "border-width": "1px",
        "background-color": "=if(Date('11/17/2021') <= @now + 86400000, '#464775', 'gray')",
        "padding": "4px 8px 5px 8px",
        "display": "flex",
        "border-radius": "4px",
        "height": "50px",
        "align-items": "center",
        "white-space": "nowrap",
        "overflow": "hidden",
        "margin": "6px 4px 4px -5px"
      },
      "attributes": {
        "class": "sp-field-borderBottomRegular sp-field-borderBottomSolid sp-css-borderColor-WhiteFont"
      },
      "children": [
        {
          "elmType": "span",
          "style": {
            "font-size": "14px",
            "color": "=if(Date('11/17/2021') <= @now + 86400000, 'white', 'black')",
            "display": "inline-block",
            "padding": "0 6px"
          },
          "attributes": {
            "iconName": "TeamsLogo"
          }
        },
        {
          "elmType": "a",
          "attributes": {
            "title": "@currentField.description",
            "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-urlContent sp-card-content sp-card-highlightedContent",
            "href": "=if(Date('11/17/2021') <= @now + 86400000, [$Link], ''",
            "target": "=if ([$Link] == '', '', '_blank')"
          },
          "style": {
            "font-size": "13px",
            "padding": "0 6px",
            "color": "=if(Date('11/17/2021') <= @now + 86400000, 'white', '')",
            "pointer-events": "=if ([$Link] == '', 'none', 'auto')",
            "text-decoration": "=if ([$Link] == '', 'none', 'auto')"
          },
          "txtContent": "Join",
          "customCardProps": {
            "openOnEvent": "hover",
            "directionalHint": "rightCenter",
            "isBeakVisible": true,
            "beakStyle": {
              "backgroundColor": "#3c3c3c"
            },
            "formatter": {
              "elmType": "div",
              "style": {
                "color": "white",
                "background-color": "#3c3c3c",
                "width": "100px",
                "padding": "10px"
              },
              "txtContent": "=if(Date('11/17/2021') <= @now + 86400000, 'Join the session', 'Check back on the 17th'"
            }
          }
        }
      ]
    }
  ]
}


 The Session tracks column is a Single line text column with below formatting applied.







{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "flex-wrap": "wrap",
    "display": "flex"
  },
  "children": [
    {
      "elmType": "div",
      "style": {
        "width": "135px",
        "box-sizing": "border-box",
        "padding": "4px 8px 5px 8px",
        "display": "flex",
        "border-radius": "4px",
        "height": "50px",
        "align-items": "center",
        "white-space": "nowrap",
        "overflow": "hidden",
        "margin": "6px 4px 4px -12px"
      },
      "attributes": {
        "class": {
          "operator": ":",
          "operands": [
            {
              "operator": "==",
              "operands": [
                "[$Sessiontrack]",
                "Keynote"
              ]
            },
            "sp-css-backgroundColor-BgWhite sp-field-borderBottomRegular sp-field-borderBottomSolid sp-css-borderColor-WhiteFont",
            {
              "operator": ":",
              "operands": [
                {
                  "operator": "==",
                  "operands": [
                    "[$Sessiontrack]",
                    "Product Roundtables"
                  ]
                },
                "sp-css-backgroundColor-BgDarkWhite sp-field-borderBottomRegular sp-field-borderBottomSolid sp-css-borderColor-WhiteFont",
                {
                  "operator": ":",
                  "operands": [
                    {
                      "operator": "==",
                      "operands": [
                        "[$Sessiontrack]",
                        "Breakout"
                      ]
                    },
                    "sp-css-backgroundColor-BgWhite sp-field-borderBottomRegular sp-field-borderBottomSolid sp-css-borderColor-WhiteFont",
                    {
                      "operator": ":",
                      "operands": [
                        {
                          "operator": "==",
                          "operands": [
                            "[$Sessiontrack]",
                            ""
                          ]
                        },
                        "",
                        ""
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      },
      "children": [
        {
          "elmType": "span",
          "style": {
            "white-space": "normal",
            "overflow": "hidden",
            "text-overflow": "ellipsis",
            "padding": "0 3px"
          },
          "txtContent": "[$Sessiontrack]",
          "attributes": {
            "class": {
              "operator": ":",
              "operands": [
                {
                  "operator": "==",
                  "operands": [
                    "[$Sessiontrack]",
                    "Keynote"
                  ]
                },
                "sp-field-fontSizeSmall sp-css-color-BlackFont",
                {
                  "operator": ":",
                  "operands": [
                    {
                      "operator": "==",
                      "operands": [
                        "[$Sessiontrack]",
                        "Product Roundtables"
                      ]
                    },
                    "sp-field-fontSizeSmall sp-css-color-BlackFont",
                    {
                      "operator": ":",
                      "operands": [
                        {
                          "operator": "==",
                          "operands": [
                            "[$Sessiontrack]",
                            "Breakout"
                          ]
                        },
                        "sp-field-fontSizeSmall sp-css-color-BlackFont",
                        {
                          "operator": ":",
                          "operands": [
                            {
                              "operator": "==",
                              "operands": [
                                "[$Sessiontrack]",
                                ""
                              ]
                            },
                            "",
                            ""
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          }
        }
      ]
    }
  ]
}


Now that the formatting is done, the list is embedded on the event page. Select the view to be shown, hide the command bar and Apply. We will cover the Dynamic filtering in the next section.







Optional: a SharePoint list to store session tracks information:  I added a support list in my site to help users filter down the sessions by tracks. This list is what is used to dynamically filter the sessions list as you see in the image above. So, when the user selects the track in the Tracks list, they will see sessions listed under the selected track in the Sessions list.

The Tracks list has two columns, the default Title column and an About column, which is a multi-line text column.





I have used JSON formatting of the view on this list. Create a view for the list and apply the below JSON under “Format view”





View format JSON:



{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
  "height": 105,
  "width": 310,
  "hideSelection": false,
  "fillHorizontally": false,
  "formatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-row-card sp-card-borderHighlight"
    },
    "style": {
      "width": "310px",
      "height": "105px",
      "border-color": "=if([$Title] =='Keynote', '#0fc373', if([$Title] =='Product Roundtables', '#ff8c0a',  if([$Title] =='Breakout', '#af78d2' '#0082f0')))",
      "border-style": "solid",
      "border-width": "2.5px",
      "border-radius": "4px",
      "background-color": "white",
      "white-space": "normal",
      "padding": "4px 4px 4px 4px",
      "font-size": "13px",
      "flex-direction": "column"
    },
    "children": [
      {
        "elmType": "div",
        "attributes": {
          "class": "ms-bgColor-white sp-css-borderColor-neutralLight sp-card-subContainer"
        },
        "children": [
          {
            "elmType": "div",
            "attributes": {
              "class": "sp-card-displayColumnContainer"
            },
            "children": [
              {
                "elmType": "div",
                "style": {
                  "background-color": "white",
                  "white-space": "normal",
                  "padding": "4px 4px 4px 4px",
                  "font-size": "17px",
                  "font-weight": "600"
                },
                "attributes": {
                  "title": "[$Title]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent"
                },
                "txtContent": "=if ([$Title] == '', '–', [$Title])"
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "background-color": "white",
              "white-space": "normal",
              "padding": "0px 4px 4px 4px",
              "font-size": "14px"
            },
            "attributes": {
              "class": "sp-card-lastTextColumnContainer"
            },
            "children": [
              {
                "elmType": "p",
                "attributes": {
                  "title": "[$About]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content "
                },
                "txtContent": "=if ([$About] == '', '–', [$About])"
              }
            ]
          }
        ]
      }
    ]
  }
}




Next, on the event page, embed the Tracks list on the right hand side column in line with the Sessions list web part.







With the Tracks list now embedded, we can now look at the Dynamic filtering of the Sessions list. Connect the two lists as show in the image illustration below and save the page.





a SharePoint list to store people information: For every event there are people behind it and I have used a third list to show this information. The reason I chose a list instead of the native people web part is, in the available space on page, I can show 5 people in one row using the list as opposed to 3 people with the people web part. I also get additional control with lists in terms of formatting and what information of the people is shown.

The people list has two columns, the default Title column and a Person column.





Create a view for the list and apply the below JSON under “Format view”

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
  "height": 76,
  "width": 254,
  "hideSelection": false,
  "fillHorizontally": true,
  "formatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-card-container"
    },
    "children": [
      {
        "elmType": "button",
        "attributes": {
          "class": "sp-card-defaultClickButton",
          "role": "presentation"
        },
        "customRowAction": {
          "action": "defaultClick"
        }
      },
      {
        "elmType": "div",
        "attributes": {
          "class": "ms-bgColor-white sp-css-borderColor-neutralLight sp-card-borderHighlight sp-card-subContainer"
        },
        "children": [
          {
            "elmType": "div",
            "attributes": {
              "class": "sp-card-previewColumnContainer"
            },
            "children": [
              {
                "elmType": "div",
                "style": {
                  "display": "flex"
                },
                "children": [
                  {
                    "elmType": "p",
                    "attributes": {
                      "class": "sp-card-userEmptyText"
                    },
                    "txtContent": "=if(length([$Member]) == 0, '–', '')"
                  },
                  {
                    "forEach": "personIterator in [$Member]",
                    "elmType": "a",
                    "attributes": {
                      "class": "=if(loopIndex('personIterator') >= 5, 'sp-card-userContainer', 'sp-card-userContainer sp-card-keyboard-focusable')"
                    },
                    "style": {
                      "display": "=if(loopIndex('personIterator') >= 5, 'none', '')"
                    },
                    "children": [
                      {
                        "elmType": "img",
                        "defaultHoverField": "[$personIterator]",
                        "attributes": {
                          "src": "=getUserImage([$personIterator.email], 'S')",
                          "title": "[$personIterator.title]",
                          "class": "sp-card-userThumbnail"
                        },
                        "style": {
                          "display": "=if(length([$Member]) > 5 && loopIndex('personIterator') >= 4, 'none', '')"
                        }
                      },
                      {
                        "elmType": "div",
                        "attributes": {
                          "class": "ms-bgColor-neutralLight ms-fontColor-neutralSecondary sp-card-userOthers"
                        },
                        "style": {
                          "display": "=if(length([$Member]) > 5 && loopIndex('personIterator') == 4, '', 'none')"
                        },
                        "customCardProps": {
                          "formatter": {
                            "elmType": "div",
                            "attributes": {
                              "class": "sp-card-personCallout"
                            },
                            "children": [
                              {
                                "forEach": "personIterator in [$Member]",
                                "elmType": "div",
                                "attributes": {
                                  "class": "sp-card-userContainer sp-card-userCustomCard"
                                },
                                "style": {
                                  "display": "=if(loopIndex('personIterator') < 4, 'none', '')"
                                },
                                "children": [
                                  {
                                    "elmType": "img",
                                    "defaultHoverField": "[$personIterator]",
                                    "attributes": {
                                      "src": "=getUserImage([$personIterator.email], 'S')",
                                      "title": "[$personIterator.title]",
                                      "class": "sp-card-userThumbnail"
                                    }
                                  }
                                ]
                              }
                            ]
                          },
                          "openOnEvent": "hover"
                        },
                        "children": [
                          {
                            "elmType": "span",
                            "txtContent": "='+' + toString(length([$Member]) - (4))"
                          }
                        ]
                      }
                    ]
                  },
                  {
                    "elmType": "div",
                    "attributes": {
                      "class": "sp-card-userTitle"
                    },
                    "style": {
                      "display": "=if(length([$Member]) == 1, '', 'none')"
                    },
                    "defaultHoverField": "[$personIterator]",
                    "txtContent": "[$Member.title]"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}


The result is a formatted people web part. Another good thing about this it also lets the users hover/click on the people to get their office profile information.





Other web parts in the vertical section on the right-hand-side.

Countdown timer: In the vertical section I thought it would be useful to have the countdown timer web part with a countdown towards the event date.





About web part: I used the fourth list web part to show “what”, “when”, “where”, “who” of the event.





The list is view formatted with the below JSON



{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
  "height": 350,
  "width": 300,
  "hideSelection": true,
  "fillHorizontally": true,
  "formatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-row-card"
    },
    "children": [
      {
        "elmType": "div",
        "attributes": {},
        "customRowAction": {}
      },
      {
        "elmType": "div",
        "attributes": {
          "class": "ms-bgColor-white sp-card-subContainer"
        },
        "children": [
          {
            "elmType": "div",
            "style": {
              "background-color": "white",
              "font-size": "15px"
            },
            "attributes": {
              "class": "sp-card-displayColumnContainer"
            },
            "children": [
              {
                "elmType": "span",
                "children": [
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "attributes": {
                      "class": "ms-fontColor-neutralSecondary sp-card-label",
                      "iconName": "Info"
                    }
                  },
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "txtContent": "[!Title.DisplayName]"
                  }
                ]
              },
              {
                "elmType": "p",
                "style": {
                  "background-color": "white",
                  "white-space": "normal",
                  "padding": "0px 0px 10px 28px",
                  "font-size": "15px"
                },
                "attributes": {
                  "title": "[$Title]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",
                  "role": "heading",
                  "aria-level": "3"
                },
                "txtContent": "=if ([$Title] == '', '–', [$Title])"
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "background-color": "white",
              "font-size": "15px"
            },
            "attributes": {
              "class": "sp-card-displayColumnContainer"
            },
            "children": [
              {
                "elmType": "span",
                "children": [
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "attributes": {
                      "class": "ms-fontColor-neutralSecondary sp-card-label",
                      "iconName": "Event"
                    }
                  },
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "txtContent": "[!When.DisplayName]"
                  }
                ]
              },
              {
                "elmType": "p",
                "style": {
                  "background-color": "white",
                  "white-space": "normal",
                  "padding": "0px 0px 10px 28px",
                  "font-size": "15px"
                },
                "attributes": {
                  "title": "[$Title]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",
                  "role": "heading",
                  "aria-level": "3"
                },
                "txtContent": "=if ([$When] == '', '–', [$When])"
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "background-color": "white",
              "font-size": "15px"
            },
            "attributes": {
              "class": "sp-card-displayColumnContainer"
            },
            "children": [
              {
                "elmType": "span",
                "children": [
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "attributes": {
                      "class": "ms-fontColor-neutralSecondary sp-card-label",
                      "iconName": "TeamsLogo"
                    }
                  },
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "txtContent": "[!Where.DisplayName]"
                  }
                ]
              },
              {
                "elmType": "p",
                "style": {
                  "background-color": "white",
                  "white-space": "normal",
                  "padding": "0px 0px 10px 28px",
                  "font-size": "15px"
                },
                "attributes": {
                  "title": "[$Title]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",
                  "role": "heading",
                  "aria-level": "3"
                },
                "txtContent": "=if ([$Where] == '', '–', [$Where])"
              }
            ]
          },
          {
            "elmType": "div",
            "style": {
              "background-color": "white",
              "font-size": "15px"
            },
            "attributes": {
              "class": "sp-row-cardr"
            },
            "children": [
              {
                "elmType": "span",
                "children": [
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "attributes": {
                      "class": "ms-fontColor-neutralSecondary sp-card-label",
                      "iconName": "Group"
                    }
                  },
                  {
                    "elmType": "span",
                    "style": {
                      "display": "inline-block",
                      "background-color": "white",
                      "white-space": "normal",
                      "padding": "0 4px",
                      "font-size": "15px"
                    },
                    "txtContent": "[!Who.DisplayName]"
                  }
                ]
              },
              {
                "elmType": "p",
                "style": {
                  "background-color": "white",
                  "white-space": "normal",
                  "padding": "0px 0px 10px 28px",
                  "font-size": "15px"
                },
                "attributes": {
                  "title": "[$Title]",
                  "class": "ms-fontColor-neutralPrimary sp-card-content sp-card-highlightedContent",
                  "role": "heading",
                  "aria-level": "3"
                },
                "txtContent": "=if ([$Who] == '', '–', [$Who])"
              }
            ]
          }
        ]
      }
    ]
  }
}


Finally towards the end of the event page, I added a Microsoft Forms link to collect a Net promoter score feedback question, and this would help me understand how users feedback the event.



The final result is an event page made with SharePoint, and enhanced by SharePoint Spaces, Formatted Lists and other web parts.



I believe SharePoint offers some amazing opportunities to create pages that can meet a variety of business needs. Hope you found the information in this post useful and I would love to see how you implement this and how you might enhance this. Feel free to comment here.





You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

%3CLINGO-SUB%20id%3D%22lingo-sub-2994438%22%20slang%3D%22en-US%22%3ECreate%20an%20event%20page%20with%20SharePoint%2C%20SharePoint%20Spaces%20and%20formatted%20Lists%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2994438%22%20slang%3D%22en-US%22%3E%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ERecently%20I%20shared%20with%20the%20PnP%20community%20an%20event%20page%20I%20was%20working%20on%20and%20how%20I%20used%20SharePoint%2C%20Spaces%20and%20formatted%20Lists%20to%20design%20the%20user%20experience.%20In%20this%20post%20is%20explained%20the%20details%20of%20how%20the%20page%2C%20space%20and%20lists%20are%20made.%3CBR%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_0-1637611061380.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328742iB5FD2289EC3C5DAE%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_0-1637611061380.png%22%20alt%3D%22AnandVRagav_0-1637611061380.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EI%20will%20break%20down%20the%20components%20first%20and%20then%20go%20into%20the%20details%20one%20by%20one.%3C%2FP%3E%0A%3COL%20class%3D%22%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%200px%3B%20padding%3A%200px%3B%20list-style%3A%20none%20none%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CLI%20id%3D%228397%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%202em%3B%22%20data-selectable-paragraph%3D%22%22%3Ea%20headerless%20SharePoint%20page%20as%20the%20event%20page%3C%2FLI%3E%0A%3CLI%20id%3D%22d3e2%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3Ea%20SharePoint%20Space%3C%2FLI%3E%0A%3CLI%20id%3D%223b9f%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3Ean%20events%20list%20in%20SharePoint%3C%2FLI%3E%0A%3CLI%20id%3D%225964%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3Ea%20SharePoint%20list%20to%20store%20the%20sessions%20information%3C%2FLI%3E%0A%3CLI%20id%3D%22e835%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3EOptional%3A%20a%20SharePoint%20list%20to%20store%20session%20tracks%3C%2FLI%3E%0A%3CLI%20id%3D%22954e%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3Ea%20SharePoint%20list%20to%20store%20people%20information%3C%2FLI%3E%0A%3CLI%20id%3D%22be8e%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3Ea%20timer%20web%20part%3C%2FLI%3E%0A%3CLI%20id%3D%22e6b0%22%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20ael%20vu%20acd%20ace%20aem%20vw%20acf%20acg%20aen%20ach%20aci%20acj%20aeo%20ack%20acl%20acm%20aep%20acn%20aco%20acq%20aej%20aek%20ty%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20padding-left%3A%200px%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20margin-bottom%3A%20-0.46em%3B%20list-style-type%3A%20decimal%3B%20margin-left%3A%2030px%3B%20font-size%3A%2021px%3B%20margin-top%3A%201.05em%3B%22%20data-selectable-paragraph%3D%22%22%3Ean%20about%20list%20web%20part.%3C%2FLI%3E%0A%3C%2FOL%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSTRONG%20class%3D%22acb%20hq%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20color%3A%20%23292929%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3EA%20head%3CSPAN%20style%3D%22box-sizing%3A%20inherit%3B%22%3Ee%3C%2FSPAN%3Erless%20page%3C%2FSTRONG%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3E%3A%20For%20the%20event%20page%2C%20I%20chose%20to%20have%20a%20headerless%20page%20in%20my%20SharePoint%20site.%20My%20intention%20was%20to%20save%20some%20real-estate%20on%20the%20page%20because%20there%20is%20no%20header%20image%20banner%20on%20a%20headerless%20page.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3ETo%20create%20the%20headerless%20page%2C%20make%20a%20copy%20of%20the%20site%20homepage%20(the%20default%20home%20page%20created%20when%20you%20create%20a%20new%20site%20does%20not%20have%20a%20header%20and%20title%20at%20the%20top)%2C%20rename%20the%20URL%20and%20rename%20the%20page%20title%20in%20page%20properties.%20The%20copy%20gets%20added%20to%20the%20page%20library%20with%20url%20ending%20%E2%80%9C..home1.aspx%E2%80%9D.%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EFor%20comparison%20see%20the%20amount%20of%20space%20saved%20below.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_1-1637607933245.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328681i39E7EC3089604D0F%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_1-1637607933245.png%22%20alt%3D%22AnandVRagav_1-1637607933245.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EFor%20comparison%20see%20the%20amount%20of%20space%20saved%20below.%3C%2FP%3E%0A%3CFIGURE%20class%3D%22acv%20acw%20acx%20acy%20acz%20acr%20ve%20vf%20paragraph-image%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%2056px%20auto%200px%3B%20clear%3A%20both%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CDIV%20class%3D%22afc%20afd%20gu%20afe%20ae%20aff%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20position%3A%20relative%3B%20cursor%3A%20zoom-in%3B%20z-index%3A%20auto%3B%20transition%3A%20transform%20300ms%20cubic-bezier(0.2%2C%200%2C%200.2%2C%201)%200s%3B%22%20tabindex%3D%220%22%20role%3D%22button%22%3E%0A%3CDIV%20class%3D%22ve%20vf%20afh%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20max-width%3A%202087px%3B%22%3E%0A%3CDIV%20class%3D%22sv%20y%20gu%20ey%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20background-color%3A%20%23f2f2f2%3B%20position%3A%20relative%3B%20margin%3A%20auto%3B%22%3E%0A%3CDIV%20class%3D%22afl%20aeb%20y%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20height%3A%200px%3B%20padding-bottom%3A%20121.422px%3B%22%3E%0A%3CDIV%20class%3D%22lg%20afi%20iq%20ah%20ai%20di%20ae%20jf%20afj%20afk%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20top%3A%200px%3B%20left%3A%200px%3B%20height%3A%20121.422px%3B%20position%3A%20absolute%3B%20overflow%3A%20hidden%3B%20opacity%3A%200%3B%20transition%3A%20opacity%20100ms%20ease%20400ms%3B%20will-change%3A%20transform%3B%20transform%3A%20translateZ(0px)%3B%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_2-1637607984045.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328683i8B4FE9727D8B79E9%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_2-1637607984045.png%22%20alt%3D%22AnandVRagav_2-1637607984045.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_3-1637607984096.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328684i55E4AF3CAE5D6E92%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_3-1637607984096.png%22%20alt%3D%22AnandVRagav_3-1637607984096.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CFIGCAPTION%20class%3D%22un%20nl%20ys%20ve%20vf%20aec%20aed%20bv%20b%20bw%20bx%20ia%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20400%3B%20font-family%3A%20sohne%2C%20'Helvetica%20Neue'%2C%20Helvetica%2C%20Arial%2C%20sans-serif%3B%20font-size%3A%2014px%3B%20line-height%3A%2020px%3B%20color%3A%20%23757575%3B%20text-align%3A%20center%3B%20margin-top%3A%2010px%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20max-width%3A%20728px%3B%22%20data-selectable-paragraph%3D%22%22%3EWith%20header%2C%20the%20image%20banner%20takes%20more%20space%3C%2FFIGCAPTION%3E%0A%3C%2FFIGURE%3E%0A%3CFIGURE%20class%3D%22acv%20acw%20acx%20acy%20acz%20acr%20ve%20vf%20paragraph-image%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%2056px%20auto%200px%3B%20clear%3A%20both%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CDIV%20class%3D%22afc%20afd%20gu%20afe%20ae%20aff%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20position%3A%20relative%3B%20cursor%3A%20zoom-in%3B%20z-index%3A%20auto%3B%20transition%3A%20transform%20300ms%20cubic-bezier(0.2%2C%200%2C%200.2%2C%201)%200s%3B%22%20tabindex%3D%220%22%20role%3D%22button%22%3E%0A%3CDIV%20class%3D%22ve%20vf%20afo%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20max-width%3A%202152px%3B%22%3E%0A%3CDIV%20class%3D%22sv%20y%20gu%20ey%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20background-color%3A%20%23f2f2f2%3B%20position%3A%20relative%3B%20margin%3A%20auto%3B%22%3E%0A%3CDIV%20class%3D%22afp%20aeb%20y%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20height%3A%200px%3B%20padding-bottom%3A%2061.1875px%3B%22%3E%0A%3CDIV%20class%3D%22lg%20afi%20iq%20ah%20ai%20di%20ae%20jf%20afj%20afk%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20top%3A%200px%3B%20left%3A%200px%3B%20height%3A%2061.1875px%3B%20position%3A%20absolute%3B%20overflow%3A%20hidden%3B%20opacity%3A%200%3B%20transition%3A%20opacity%20100ms%20ease%20400ms%3B%20will-change%3A%20transform%3B%20transform%3A%20translateZ(0px)%3B%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_4-1637607984059.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328685iD0A8BE0C8A9A2D95%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_4-1637607984059.png%22%20alt%3D%22AnandVRagav_4-1637607984059.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_5-1637607984055.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328686iF9A5E358F87936EB%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_5-1637607984055.png%22%20alt%3D%22AnandVRagav_5-1637607984055.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FFIGURE%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%20lia-indent-padding-left-150px%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EFor%20the%20page%20layout%20choose%20the%20vertical%20section.%20This%20puts%20a%20vertical%20section%20for%20the%20full%20length%20of%20the%20page%20on%20the%20right-hand-side.%3C%2FP%3E%0A%3CFIGURE%20class%3D%22acv%20acw%20acx%20acy%20acz%20acr%20ve%20vf%20paragraph-image%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%2056px%20auto%200px%3B%20clear%3A%20both%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CDIV%20class%3D%22afc%20afd%20gu%20afe%20ae%20aff%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20position%3A%20relative%3B%20cursor%3A%20zoom-in%3B%20z-index%3A%20auto%3B%20transition%3A%20transform%20300ms%20cubic-bezier(0.2%2C%200%2C%200.2%2C%201)%200s%3B%22%20tabindex%3D%220%22%20role%3D%22button%22%3E%0A%3CDIV%20class%3D%22ve%20vf%20afq%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20max-width%3A%20347px%3B%22%3E%0A%3CDIV%20class%3D%22sv%20y%20gu%20ey%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20background-color%3A%20%23f2f2f2%3B%20position%3A%20relative%3B%20margin%3A%20auto%3B%22%3E%0A%3CDIV%20class%3D%22afr%20aeb%20y%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20height%3A%200px%3B%20padding-bottom%3A%20350px%3B%22%3E%0A%3CDIV%20class%3D%22lg%20afi%20iq%20ah%20ai%20di%20ae%20jf%20afj%20afk%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20347px%3B%20top%3A%200px%3B%20left%3A%200px%3B%20height%3A%20350px%3B%20position%3A%20absolute%3B%20overflow%3A%20hidden%3B%20opacity%3A%200%3B%20transition%3A%20opacity%20100ms%20ease%20400ms%3B%20will-change%3A%20transform%3B%20transform%3A%20translateZ(0px)%3B%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_6-1637608010041.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328687iD04F207F32C89E22%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_6-1637608010041.png%22%20alt%3D%22AnandVRagav_6-1637608010041.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_7-1637608010051.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328688iDAE7F4B3DEC2665D%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_7-1637608010051.png%22%20alt%3D%22AnandVRagav_7-1637608010051.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FFIGURE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%20class%3D%22am%20an%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20flex%3B%20justify-content%3A%20center%3B%22%3E%0A%3CDIV%20class%3D%22ao%20ap%20aq%20ar%20as%20zg%20au%20ae%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20min-width%3A%200px%3B%20max-width%3A%20680px%3B%20margin%3A%200px%2064px%3B%22%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22acb%20hq%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%22%3ESharePoint%20Space%3C%2FSTRONG%3E%3A%20Within%20the%20same%20SharePoint%20site%2C%20I%20activated%20Spaces.%20Spaces%20is%20a%20feature%20that%20needs%20to%20be%20activated%20at%20each%20site%20level.%20Do%20that%20from%20Site%20settings%20%26gt%3B%20Manage%20Site%20features%20%26gt%3B%20Spaces%20%26gt%3B%20Activate.%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CDIV%20class%3D%22acr%22%20style%3D%22box-sizing%3A%20inherit%3B%20clear%3A%20both%3B%22%3E%0A%3CDIV%20class%3D%22am%20an%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20flex%3B%20justify-content%3A%20center%3B%22%3E%0A%3CDIV%20class%3D%22rf%20ga%20rg%20ge%20rh%20acs%20ar%20act%20as%20acu%20au%20ae%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%201192px%3B%20min-width%3A%200px%3B%20margin%3A%200px%2064px%3B%20max-width%3A%201192px%3B%22%3E%0A%3CFIGURE%20class%3D%22acv%20acw%20acx%20acy%20acz%20acr%20aft%20afu%20paragraph-image%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%2056px%200px%200px%3B%20clear%3A%20both%3B%20padding-bottom%3A%205px%3B%20padding-top%3A%205px%3B%22%3E%0A%3CDIV%20class%3D%22afc%20afd%20gu%20afe%20ae%20aff%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%201192px%3B%20position%3A%20relative%3B%20cursor%3A%20zoom-in%3B%20z-index%3A%20auto%3B%20transition%3A%20transform%20300ms%20cubic-bezier(0.2%2C%200%2C%200.2%2C%201)%200s%3B%22%20tabindex%3D%220%22%20role%3D%22button%22%3E%0A%3CDIV%20class%3D%22ve%20vf%20afs%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20max-width%3A%202328px%3B%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_8-1637608057361.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328689i4C415208E9D7F2C6%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_8-1637608057361.png%22%20alt%3D%22AnandVRagav_8-1637608057361.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FFIGURE%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CDIV%20class%3D%22am%20an%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20flex%3B%20justify-content%3A%20center%3B%22%3E%0A%3CDIV%20class%3D%22ao%20ap%20aq%20ar%20as%20zg%20au%20ae%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20min-width%3A%200px%3B%20max-width%3A%20680px%3B%20margin%3A%200px%2064px%3B%22%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EYou%20can%20learn%20how%20to%20create%20Spaces%20from%20the%20%3CA%20title%3D%22Create%20a%20Space%22%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fcreate-a-sharepoint-space-77e0bb2a-625e-40a9-b38e-1ca84db6cf65%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20support%20documentation%3C%2FA%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EBelow%20image%20snapshot%20shows%20the%20design%20of%20my%20Space%20and%20the%20web%20parts%20I%20used.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_9-1637608480549.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328690i74C59EE04E7F24F9%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_9-1637608480549.png%22%20alt%3D%22AnandVRagav_9-1637608480549.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ENow%20with%20the%20Space%20created%2C%20copy%20the%20URL%20to%20the%20Space%20and%20to%20add%20it%20to%20the%20event%20page%20(the%20headerless%20page)%20using%20the%20embed%20web%20part%20on%20the%20page.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_10-1637608513774.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328692iF5F35266F609EF2A%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_10-1637608513774.png%22%20alt%3D%22AnandVRagav_10-1637608513774.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EPaste%20the%20URL%20to%20the%20Space%20in%20the%20embed%20web%20part%20and%20save%20the%20page.%20If%20you%20want%20to%20customize%20the%20height%20and%20width%20properties%20of%20the%20embedded%20Space%2C%20use%20an%20iFrame%20embed%20code%20like%20the%20below%20and%20adjust%20the%20properties%20to%20taste.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%3CIFRAME%20src%3D%22https%3A%2F%2F%26lt%3BReplace%20with%20your%20Space%20URL%26gt%3B%22%20width%3D%22100%25%22%20height%3D%22550%22%20style%3D%22border%3A1px%20solid%20black%3B%22%3E%0A%3C%2FIFRAME%3E%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ETo%20get%20a%20similar%20result%20as%20shown%20below%20you%20may%20need%20to%20adjust%20the%20positions%20of%20the%20web%20parts%20in%20the%20Space%20by%20checking%20how%20they%20are%20aligned%20once%20embedded%20on%20the%20event%20page.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_11-1637608636463.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328694i77FCA474C2C4BB5B%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22AnandVRagav_11-1637608636463.png%22%20alt%3D%22AnandVRagav_11-1637608636463.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22acb%20hq%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%22%3EEvents%20list%3C%2FSTRONG%3E%3A%20The%20sessions%20are%20scheduled%20using%20the%20events%20calendar%20in%20the%20SharePoint%20site.%20However%20I%20chose%20not%20to%20display%20them%20on%20the%20event%20page%20using%20the%20events%20web%20part%3B%20instead%20I%20chose%20a%20SharePoint%20list%20(details%20in%20next%20section).%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EFrom%20the%20events%20calendar%2C%20for%20each%20event%20we%20can%20get%20the%20event%20URL.%20This%20information%20is%20needed%20to%20let%20users%20add%20the%20event%20to%20their%20calendars.%20To%20create%20the%20events%2C%20use%20the%20Events%20web%20part%20on%20a%20separate%20hidden%20page%20or%20use%20the%20events%20list%20from%20the%20backend%20through%20Site%20contents.%20Use%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fuse-the-events-web-part-5fe4da93-5fa9-4695-b1ee-b0ae4c981909%23bkmk_addevent%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20support%20documentation%3C%2FA%3E%20for%20help.%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22acb%20hq%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20color%3A%20%23292929%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3ESharePoint%20list%3C%2FSTRONG%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FSPAN%3E%3CSTRONG%20class%3D%22acb%20hq%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20color%3A%20%23292929%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3Eto%20display%20the%20sessions%20information%3A%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FSTRONG%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ETo%20display%20the%20sessions%20on%20the%20event%20page%2C%20I%20created%20a%20list%20in%20the%20SharePoint%20site%20with%20the%20below%20columns.%20The%20field%20labels%20for%20the%20columns%20were%20renamed%20later%20to%20suit%20the%20event%20needs.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_0-1637608851038.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328696i45BAFF2078325A57%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22AnandVRagav_0-1637608851038.png%22%20alt%3D%22AnandVRagav_0-1637608851038.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EIf%20you%20are%20new%20to%20lists%20and%20want%20to%20learn%20how%20to%20work%20with%20lists%20and%20add%20entries%2C%20follow%20the%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fintroduction-to-lists-0a1c3ace-def0-44af-b225-cfa8d92c52d7%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20documentation%3C%2FA%3E.%3CBR%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EAfter%20adding%20the%20session%20entries%2C%20I%20formatted%20the%20columns%20using%20JSON%20to%20give%20it%20a%20better%20format%20and%20styling%20like%20the%20below.%20I%20recommend%20creating%20a%20separate%20view%20before%20proceeding%20with%20formatting%20the%20columns.%20That%20way%20you%20have%20a%20view%20to%20embed%20on%20the%20event%20page%20and%20another%20view%20in%20the%20backend%20for%20editing%20purposes.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_1-1637608940183.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328699i185DBB63C8ECC432%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_1-1637608940183.png%22%20alt%3D%22AnandVRagav_1-1637608940183.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3ELet%E2%80%99s%20look%20at%20the%20formatting%2C%20let%20us%20take%20them%20column%20by%20column%20starting%20with%20the%20Session%20column.%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EThe%20session%20column%20is%20a%20single%20line%20text%20column%20and%20has%20a%20left-hand-side%20border%2C%20session%20title%20and%20a%20share%20button.%20The%20share%20button%20opens%20the%20default%20share%20option%20for%20list%20items%20to%20allow%20users%20to%20share%20session%20links%20through%20email%20or%20copy%20the%20link%20to%20share%20through%20Teams%20or%20another%20channel.%3C%2FP%3E%0A%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_0-1637611467410.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328746i0653B2914CF00F9A%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_0-1637611467410.png%22%20alt%3D%22AnandVRagav_0-1637611467410.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%20class%3D%22abz%20aca%20zi%20acb%20b%20acc%20aee%20vu%20acd%20ace%20aef%20vw%20acf%20acg%20aeg%20ach%20aci%20acj%20aeh%20ack%20acl%20acm%20aei%20acn%20aco%20acq%20oi%20by%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20color%3A%20%23292929%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3ETo%20get%20that%20format%2C%20use%20the%20below%20JSON%20code.%20Open%20the%20drown-down%20arrow%20next%20to%20the%20column%20header%20%26gt%3B%20select%20column%20settings%20%26gt%3B%20select%20Format%20this%20column.%20Then%20paste%20the%20below%20JSON%20and%20click%20save.%3C%2FP%3E%0A%3CFIGURE%20class%3D%22acv%20acw%20acx%20acy%20acz%20acr%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%2056px%200px%200px%3B%20clear%3A%20both%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CDIV%20class%3D%22sv%20y%20gu%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20block%3B%20position%3A%20relative%3B%20margin%3A%20auto%3B%22%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%22class%22%3A%20%22sp-css-backgroundColor-neutralBackground%22%0A%20%20%7D%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22border-color%22%3A%20%22%3Dif(%5B%24Sessiontrack%5D%20%3D%3D'Keynote'%2C%20'%230fc373'%2C%20if(%5B%24Sessiontrack%5D%20%3D%3D'Product%20Roundtables'%2C%20'%23ff8c0a'%2C%20%20if(%5B%24Sessiontrack%5D%20%3D%3D'Breakout'%2C%20'%23af78d2'%20'%230082f0')))%22%2C%0A%20%20%20%20%22border-left-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%22border-width%22%3A%20%224px%22%2C%0A%20%20%20%20%22border-radius%22%3A%20%224px%22%2C%0A%20%20%20%20%22background-color%22%3A%20%22sp-css-backgroundColor-neutralBackground%22%2C%0A%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%22padding-top%22%3A%20%220px%22%2C%0A%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%22height%22%3A%20%2260px%22%2C%0A%20%20%20%20%22margin-left%22%3A%20%22-10px%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22margin-left%22%3A%20%223px%22%2C%0A%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22column%22%2C%0A%20%20%20%20%20%20%20%20%22justify-content%22%3A%20%22center%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding-top%22%3A%20%220px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22row%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2213.5px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22400%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%40currentField%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-content%22%3A%20%22right%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22justify-content%22%3A%20%22right%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-left%22%3A%20%222px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22share%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-themePrimary%20ms-fontColor-themeDark--hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Share%20Item%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding-top%22%3A%20%224px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22border%22%3A%20%22none%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22transparent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22cursor%22%3A%20%22pointer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22align-content%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22justify-content%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%224px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Share%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-font-l%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3C%2FDIV%3E%0A%3C%2FFIGURE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20About%20column%20is%20a%20multi-line%20text%20column%20and%20has%20the%20below%20formatting%20applied.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_1-1637611523762.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328748i484DE4B931E17551%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_1-1637611523762.png%22%20alt%3D%22AnandVRagav_1-1637611523762.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22flex-direction%22%3A%20%22row%22%2C%0A%20%20%20%20%22justify-content%22%3A%20%22start%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dsubstring(%40currentField%2C%200%2C%2070)%20%2B%20'...'%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%22padding%22%3A%20%222px%200%22%2C%0A%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2213px%22%2C%0A%20%20%20%20%20%20%20%20%22margin%22%3A%20%226px%204px%204px%20-6px%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22class%22%3A%20%22%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22title%22%3A%20%22%40currentField.description%22%2C%0A%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-urlContent%20%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22MoreVertical%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22margin-top%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2213px%22%2C%0A%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%22color%22%3A%20%22black%22%2C%0A%20%20%20%20%20%20%20%20%22pointer-events%22%3A%20%22%3Dif%20(%40currentField%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%2C%0A%20%20%20%20%20%20%20%20%22text-decoration%22%3A%20%22%3Dif%20(%40currentField%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22customCardProps%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22openOnEvent%22%3A%20%22hover%22%2C%0A%20%20%20%20%20%20%20%20%22directionalHint%22%3A%20%22rightCenter%22%2C%0A%20%20%20%20%20%20%20%20%22isBeakVisible%22%3A%20true%2C%0A%20%20%20%20%20%20%20%20%22beakStyle%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22backgroundColor%22%3A%20%22%233c3c3c%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22%233c3c3c%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22300px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%2210px%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%40currentField%22%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20Host%20column%20is%20a%20Person%20type%20column%20and%20allows%20multi%20selection.%20It%20has%20the%20below%20formatting.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_2-1637611559251.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328749i7F9C6ED4866DFDD4%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_2-1637611559251.png%22%20alt%3D%22AnandVRagav_2-1637611559251.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22forEach%22%3A%20%22personIterator%20in%20%40currentField%22%2C%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22border-color%22%3A%20%22%230050ca%22%2C%0A%20%20%20%20%20%20%20%20%22border-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%20%20%22border-width%22%3A%20%222px%22%2C%0A%20%20%20%20%20%20%20%20%22width%22%3A%20%2230px%22%2C%0A%20%20%20%20%20%20%20%20%22height%22%3A%20%2230px%22%2C%0A%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%2250%25%22%2C%0A%20%20%20%20%20%20%20%20%22margin%22%3A%20%222px%22%2C%0A%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(loopIndex('personIterator')%20%26gt%3B%3D%203%2C%20'none'%2C%20'')%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%3D'%2F_layouts%2F15%2Fuserphoto.aspx%3Fsize%3DS%26amp%3Baccountname%3D'%20%2B%20%5B%24personIterator.email%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24personIterator.title%5D%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22position%22%3A%20%22relative%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22top%22%3A%20%2250%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22left%22%3A%20%2250%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22auto%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22margin-left%22%3A%20%22-50%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22margin-top%22%3A%20%22-50%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(length(%40currentField)%20%26gt%3B%203%20%26amp%3B%26amp%3B%20loopIndex('personIterator')%20%26gt%3B%3D%202%2C%20'none'%2C%20'')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22vertical-align%22%3A%20%22baseline%22%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%3Djoin(%40currentField.title%2C%20'%2C%20')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLight%20ms-fontColor-neutralSecondary%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22height%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-align%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22line-height%22%3A%20%2230px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(length(%40currentField)%20%26gt%3B%203%20%26amp%3B%26amp%3B%20loopIndex('personIterator')%20%3D%3D%202%2C%20''%2C%20'none')%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3D'%2B'%20%2B%20toString(length(%40currentField)%20-%20(2))%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20Day%201%20and%20Day%202%20columns%20are%20Hyperlink%20columns%20and%20have%20the%20below%20formatting.%20The%20time%20value%20is%20stored%20in%20the%20Description%20field%20of%20the%20Hyperlink%20field.%20The%20%E2%80%9CAdd%20to%20calendar%E2%80%9D%20element%20holds%20the%20URL%20to%20the%20event%20in%20the%20events%20list.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_3-1637611581623.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328750i267827F035E6B5DD%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_3-1637611581623.png%22%20alt%3D%22AnandVRagav_3-1637611581623.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%22display%22%3A%20%22flex%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22width%22%3A%20%22135px%22%2C%0A%20%20%20%20%20%20%20%20%22flex-direction%22%3A%20%22column%22%2C%0A%20%20%20%20%20%20%20%20%22border-color%22%3A%20%22%230050ca%22%2C%0A%20%20%20%20%20%20%20%20%22border-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%20%20%22border-width%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%2C%0A%20%20%20%20%20%20%20%20%22padding%22%3A%20%224px%208px%205px%208px%22%2C%0A%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%224px%22%2C%0A%20%20%20%20%20%20%20%20%22height%22%3A%20%22100%25%22%2C%0A%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22left%22%2C%0A%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22wrap%22%2C%0A%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%22margin%22%3A%20%226px%204px%204px%20-5px%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-themePrimary%20sp-css-borderColor-themePrimary%20sp-card-borderHighlight%20sp-card-subContainer%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%40currentField.description%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-urlContent%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%40currentField%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22%3Dif%20(%40currentField%3D%3D%20''%2C%20''%2C%20'_blank')%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22margin-bottom%22%3A%20%226px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events%22%3A%20%22%3Dif%20(%40currentField%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-decoration%22%3A%20%22%3Dif%20(%40currentField%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3D'%20'%2B'%40currentField.desc'%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%40currentField.description%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-urlContent%20%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%40currentField%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22%3Dif%20(%40currentField%3D%3D%20''%2C%20''%2C%20'_blank')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22AddEvent%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22margin-top%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2213px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events%22%3A%20%22%3Dif%20(%40currentField%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-decoration%22%3A%20%22%3Dif%20(%40currentField%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%20View%2Fsave%20event%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22customCardProps%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22openOnEvent%22%3A%20%22hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22directionalHint%22%3A%20%22rightCenter%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22isBeakVisible%22%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22beakStyle%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22backgroundColor%22%3A%20%22%233c3c3c%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22White%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22%233c3c3c%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%2210px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22View%2Fadd%20to%20calendar%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20letter-spacing%3A%20-0.063px%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20Join%20columns%20are%20of%20type%20Hyperlink%20and%20have%20the%20below%20formatting%20applied.%20The%20URLs%20stored%20in%20the%20Hyperlink%20fields%20are%20URLs%20to%20meetings%20created%20in%20Microsoft%20Teams.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_4-1637611605702.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328751iD3D5440423BE2D83%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_4-1637611605702.png%22%20alt%3D%22AnandVRagav_4-1637611605702.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%22white-space%22%3A%20%22normal%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%2C%0A%20%20%20%20%20%20%20%20%22border-color%22%3A%20%22%3Dif(Date('11%2F17%2F2021')%20%26lt%3B%3D%20%40now%20%2B%2086400000%2C%20'%23464775'%2C%20'gray'%22%2C%0A%20%20%20%20%20%20%20%20%22border-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%20%20%22border-width%22%3A%20%221px%22%2C%0A%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22%3Dif(Date('11%2F17%2F2021')%20%26lt%3B%3D%20%40now%20%2B%2086400000%2C%20'%23464775'%2C%20'gray')%22%2C%0A%20%20%20%20%20%20%20%20%22padding%22%3A%20%224px%208px%205px%208px%22%2C%0A%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%224px%22%2C%0A%20%20%20%20%20%20%20%20%22height%22%3A%20%2250px%22%2C%0A%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22nowrap%22%2C%0A%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%22margin%22%3A%20%226px%204px%204px%20-5px%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-field-borderBottomRegular%20sp-field-borderBottomSolid%20sp-css-borderColor-WhiteFont%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22%3Dif(Date('11%2F17%2F2021')%20%26lt%3B%3D%20%40now%20%2B%2086400000%2C%20'white'%2C%20'black')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%206px%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22TeamsLogo%22%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%40currentField.description%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-urlContent%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22href%22%3A%20%22%3Dif(Date('11%2F17%2F2021')%20%26lt%3B%3D%20%40now%20%2B%2086400000%2C%20%5B%24Link%5D%2C%20''%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22target%22%3A%20%22%3Dif%20(%5B%24Link%5D%20%3D%3D%20''%2C%20''%2C%20'_blank')%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2213px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%206px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22%3Dif(Date('11%2F17%2F2021')%20%26lt%3B%3D%20%40now%20%2B%2086400000%2C%20'white'%2C%20'')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22pointer-events%22%3A%20%22%3Dif%20(%5B%24Link%5D%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-decoration%22%3A%20%22%3Dif%20(%5B%24Link%5D%20%3D%3D%20''%2C%20'none'%2C%20'auto')%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22Join%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22customCardProps%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22openOnEvent%22%3A%20%22hover%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22directionalHint%22%3A%20%22rightCenter%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22isBeakVisible%22%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22beakStyle%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22backgroundColor%22%3A%20%22%233c3c3c%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22%233c3c3c%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%20%22100px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%2210px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif(Date('11%2F17%2F2021')%20%26lt%3B%3D%20%40now%20%2B%2086400000%2C%20'Join%20the%20session'%2C%20'Check%20back%20on%20the%2017th'%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20Session%20tracks%20column%20is%20a%20Single%20line%20text%20column%20with%20below%20formatting%20applied.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_5-1637611630100.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328752i585C3A856DEBF324%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_5-1637611630100.png%22%20alt%3D%22AnandVRagav_5-1637611630100.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Fcolumn-formatting.schema.json%22%2C%0A%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%22style%22%3A%20%7B%0A%20%20%20%20%22flex-wrap%22%3A%20%22wrap%22%2C%0A%20%20%20%20%22display%22%3A%20%22flex%22%0A%20%20%7D%2C%0A%20%20%22children%22%3A%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22width%22%3A%20%22135px%22%2C%0A%20%20%20%20%20%20%20%20%22box-sizing%22%3A%20%22border-box%22%2C%0A%20%20%20%20%20%20%20%20%22padding%22%3A%20%224px%208px%205px%208px%22%2C%0A%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%2C%0A%20%20%20%20%20%20%20%20%22border-radius%22%3A%20%224px%22%2C%0A%20%20%20%20%20%20%20%20%22height%22%3A%20%2250px%22%2C%0A%20%20%20%20%20%20%20%20%22align-items%22%3A%20%22center%22%2C%0A%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22nowrap%22%2C%0A%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%22margin%22%3A%20%226px%204px%204px%20-12px%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22class%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Keynote%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22sp-css-backgroundColor-BgWhite%20sp-field-borderBottomRegular%20sp-field-borderBottomSolid%20sp-css-borderColor-WhiteFont%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Product%20Roundtables%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22sp-css-backgroundColor-BgDarkWhite%20sp-field-borderBottomRegular%20sp-field-borderBottomSolid%20sp-css-borderColor-WhiteFont%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Breakout%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22sp-css-backgroundColor-BgWhite%20sp-field-borderBottomRegular%20sp-field-borderBottomSolid%20sp-css-borderColor-WhiteFont%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22overflow%22%3A%20%22hidden%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text-overflow%22%3A%20%22ellipsis%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%203px%22%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Keynote%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22sp-field-fontSizeSmall%20sp-css-color-BlackFont%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Product%20Roundtables%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22sp-field-fontSizeSmall%20sp-css-color-BlackFont%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22Breakout%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22sp-field-fontSizeSmall%20sp-css-color-BlackFont%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3A%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operator%22%3A%20%22%3D%3D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22operands%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%5B%24Sessiontrack%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%0A%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CDIV%20class%3D%22n%20p%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20flex%3B%20justify-content%3A%20center%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CDIV%20class%3D%22aq%20ar%20as%20at%20au%20fw%20aw%20w%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%20680px%3B%20min-width%3A%200px%3B%20max-width%3A%20680px%3B%20margin%3A%200px%2064px%3B%22%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%22%20data-selectable-paragraph%3D%22%22%3ENow%20that%20the%20formatting%20is%20done%2C%20the%20list%20is%20embedded%20on%20the%20event%20page.%20Select%20the%20view%20to%20be%20shown%2C%20hide%20the%20command%20bar%20and%20Apply.%20We%20will%20cover%20the%20Dynamic%20filtering%20in%20the%20next%20section.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_2-1637609958440.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328711i09C7A91F24AC2684%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22AnandVRagav_2-1637609958440.png%22%20alt%3D%22AnandVRagav_2-1637609958440.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22hy%20fz%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%22%3EOptional%3A%20a%20SharePoint%20list%20to%20store%20session%20tracks%20information%3A%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%20I%20added%20a%20support%20list%20in%20my%20site%20to%20help%20users%20filter%20down%20the%20sessions%20by%20tracks.%20This%20list%20is%20what%20is%20used%20to%20dynamically%20filter%20the%20sessions%20list%20as%20you%20see%20in%20the%20image%20above.%20So%2C%20when%20the%20user%20selects%20the%20track%20in%20the%20Tracks%20list%2C%20they%20will%20see%20sessions%20listed%20under%20the%20selected%20track%20in%20the%20Sessions%20list.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EThe%20Tracks%20list%20has%20two%20columns%2C%20the%20default%20Title%20column%20and%20an%20About%20column%2C%20which%20is%20a%20multi-line%20text%20column.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_3-1637610034852.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328713i65DB3A511377FA50%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_3-1637610034852.png%22%20alt%3D%22AnandVRagav_3-1637610034852.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EI%20have%20used%20JSON%20formatting%20of%20the%20view%20on%20this%20list.%20Create%20a%20view%20for%20the%20list%20and%20apply%20the%20below%20JSON%20under%20%E2%80%9CFormat%20view%E2%80%9D%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_6-1637610078483.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328719i4A555C26EAB520B4%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_6-1637610078483.png%22%20alt%3D%22AnandVRagav_6-1637610078483.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EView%20format%20JSON%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Ftile-formatting.schema.json%22%2C%0A%20%20%22height%22%3A%20105%2C%0A%20%20%22width%22%3A%20310%2C%0A%20%20%22hideSelection%22%3A%20false%2C%0A%20%20%22fillHorizontally%22%3A%20false%2C%0A%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22sp-row-card%20sp-card-borderHighlight%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%22width%22%3A%20%22310px%22%2C%0A%20%20%20%20%20%20%22height%22%3A%20%22105px%22%2C%0A%20%20%20%20%20%20%22border-color%22%3A%20%22%3Dif(%5B%24Title%5D%20%3D%3D'Keynote'%2C%20'%230fc373'%2C%20if(%5B%24Title%5D%20%3D%3D'Product%20Roundtables'%2C%20'%23ff8c0a'%2C%20%20if(%5B%24Title%5D%20%3D%3D'Breakout'%2C%20'%23af78d2'%20'%230082f0')))%22%2C%0A%20%20%20%20%20%20%22border-style%22%3A%20%22solid%22%2C%0A%20%20%20%20%20%20%22border-width%22%3A%20%222.5px%22%2C%0A%20%20%20%20%20%20%22border-radius%22%3A%20%224px%22%2C%0A%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%22padding%22%3A%20%224px%204px%204px%204px%22%2C%0A%20%20%20%20%20%20%22font-size%22%3A%20%2213px%22%2C%0A%20%20%20%20%20%20%22flex-direction%22%3A%20%22column%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-white%20sp-css-borderColor-neutralLight%20sp-card-subContainer%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-displayColumnContainer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%224px%204px%204px%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2217px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-weight%22%3A%20%22600%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24Title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-highlightedContent%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif%20(%5B%24Title%5D%20%3D%3D%20''%2C%20'%E2%80%93'%2C%20%5B%24Title%5D)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220px%204px%204px%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2214px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-lastTextColumnContainer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22p%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24About%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif%20(%5B%24About%5D%20%3D%3D%20''%2C%20'%E2%80%93'%2C%20%5B%24About%5D)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ENext%2C%20on%20the%20event%20page%2C%20embed%20the%20Tracks%20list%20on%20the%20right%20hand%20side%20column%20in%20line%20with%20the%20Sessions%20list%20web%20part.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_7-1637610296235.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328722i4453FA6FE1056D4D%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22AnandVRagav_7-1637610296235.png%22%20alt%3D%22AnandVRagav_7-1637610296235.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EWith%20the%20Tracks%20list%20now%20embedded%2C%20we%20can%20now%20look%20at%20the%20Dynamic%20filtering%20of%20the%20Sessions%20list.%20Connect%20the%20two%20lists%20as%20show%20in%20the%20image%20illustration%20below%20and%20save%20the%20page.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_8-1637610455816.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328726iA788A9571FDE0643%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22AnandVRagav_8-1637610455816.png%22%20alt%3D%22AnandVRagav_8-1637610455816.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22hy%20fz%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%22%3Ea%20SharePoint%20list%20to%20store%20people%20information%3C%2FSTRONG%3E%3A%20For%20every%20event%20there%20are%20people%20behind%20it%20and%20I%20have%20used%20a%20third%20list%20to%20show%20this%20information.%20The%20reason%20I%20chose%20a%20list%20instead%20of%20the%20native%20people%20web%20part%20is%2C%20in%20the%20available%20space%20on%20page%2C%20I%20can%20show%205%20people%20in%20one%20row%20using%20the%20list%20as%20opposed%20to%203%20people%20with%20the%20people%20web%20part.%20I%20also%20get%20additional%20control%20with%20lists%20in%20terms%20of%20formatting%20and%20what%20information%20of%20the%20people%20is%20shown.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EThe%20people%20list%20has%20two%20columns%2C%20the%20default%20Title%20column%20and%20a%20Person%20column.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_9-1637610530919.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328728i468FB2E8DE33F6A8%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_9-1637610530919.png%22%20alt%3D%22AnandVRagav_9-1637610530919.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ECreate%20a%20view%20for%20the%20list%20and%20apply%20the%20below%20JSON%20under%20%E2%80%9CFormat%20view%E2%80%9D%3C%2FSPAN%3E%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Ftile-formatting.schema.json%22%2C%0A%20%20%22height%22%3A%2076%2C%0A%20%20%22width%22%3A%20254%2C%0A%20%20%22hideSelection%22%3A%20false%2C%0A%20%20%22fillHorizontally%22%3A%20true%2C%0A%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22sp-card-container%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22button%22%2C%0A%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-defaultClickButton%22%2C%0A%20%20%20%20%20%20%20%20%20%20%22role%22%3A%20%22presentation%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22action%22%3A%20%22defaultClick%22%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-white%20sp-css-borderColor-neutralLight%20sp-card-borderHighlight%20sp-card-subContainer%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-previewColumnContainer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22flex%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22p%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-userEmptyText%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif(length(%5B%24Member%5D)%20%3D%3D%200%2C%20'%E2%80%93'%2C%20'')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22forEach%22%3A%20%22personIterator%20in%20%5B%24Member%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22a%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22%3Dif(loopIndex('personIterator')%20%26gt%3B%3D%205%2C%20'sp-card-userContainer'%2C%20'sp-card-userContainer%20sp-card-keyboard-focusable')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(loopIndex('personIterator')%20%26gt%3B%3D%205%2C%20'none'%2C%20'')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22defaultHoverField%22%3A%20%22%5B%24personIterator%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%3DgetUserImage(%5B%24personIterator.email%5D%2C%20'S')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24personIterator.title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-userThumbnail%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(length(%5B%24Member%5D)%20%26gt%3B%205%20%26amp%3B%26amp%3B%20loopIndex('personIterator')%20%26gt%3B%3D%204%2C%20'none'%2C%20'')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-neutralLight%20ms-fontColor-neutralSecondary%20sp-card-userOthers%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(length(%5B%24Member%5D)%20%26gt%3B%205%20%26amp%3B%26amp%3B%20loopIndex('personIterator')%20%3D%3D%204%2C%20''%2C%20'none')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22customCardProps%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-personCallout%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22forEach%22%3A%20%22personIterator%20in%20%5B%24Member%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-userContainer%20sp-card-userCustomCard%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(loopIndex('personIterator')%20%26lt%3B%204%2C%20'none'%2C%20'')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22img%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22defaultHoverField%22%3A%20%22%5B%24personIterator%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22src%22%3A%20%22%3DgetUserImage(%5B%24personIterator.email%5D%2C%20'S')%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24personIterator.title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-userThumbnail%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22openOnEvent%22%3A%20%22hover%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3D'%2B'%20%2B%20toString(length(%5B%24Member%5D)%20-%20(4))%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-userTitle%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22%3Dif(length(%5B%24Member%5D)%20%3D%3D%201%2C%20''%2C%20'none')%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22defaultHoverField%22%3A%20%22%5B%24personIterator%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B%24Member.title%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20result%20is%20a%20formatted%20people%20web%20part.%20Another%20good%20thing%20about%20this%20it%20also%20lets%20the%20users%20hover%2Fclick%20on%20the%20people%20to%20get%20their%20office%20profile%20information.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_0-1637610654153.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328732iBB0A960929145147%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22AnandVRagav_0-1637610654153.png%22%20alt%3D%22AnandVRagav_0-1637610654153.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3EOther%20web%20parts%20in%20the%20vertical%20section%20on%20the%20right-hand-side.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22hy%20fz%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%22%3ECountdown%20timer%3A%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3EIn%20the%20vertical%20section%20I%20thought%20it%20would%20be%20useful%20to%20have%20the%20countdown%20timer%20web%20part%20with%20a%20countdown%20towards%20the%20event%20date.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_6-1637611708366.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328753iC376C146AF3C0F88%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_6-1637611708366.png%22%20alt%3D%22AnandVRagav_6-1637611708366.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%3CSTRONG%20class%3D%22hy%20fz%22%20style%3D%22box-sizing%3A%20inherit%3B%20font-weight%3A%20bold%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%22%3EAbout%20web%20part%3A%3C%2FSTRONG%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3EI%20used%20the%20fourth%20list%20web%20part%20to%20show%20%E2%80%9Cwhat%E2%80%9D%2C%20%E2%80%9Cwhen%E2%80%9D%2C%20%E2%80%9Cwhere%E2%80%9D%2C%20%E2%80%9Cwho%E2%80%9D%20of%20the%20event.%3C%2FP%3E%0A%3CP%20class%3D%22hw%20hx%20fy%20hy%20b%20hz%20mo%20ia%20ib%20ic%20mp%20id%20ie%20if%20mq%20ig%20ih%20ii%20mr%20ij%20ik%20il%20ms%20im%20in%20ip%20dn%20gv%22%20style%3D%22box-sizing%3A%20inherit%3B%20margin%3A%202em%200px%20-0.46em%3B%20font-weight%3A%20400%3B%20word-break%3A%20break-word%3B%20font-style%3A%20normal%3B%20color%3A%20%23292929%3B%20line-height%3A%2032px%3B%20letter-spacing%3A%20-0.003em%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%20data-selectable-paragraph%3D%22%22%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_1-1637610757197.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328734i3305938803C40BFA%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_1-1637610757197.png%22%20alt%3D%22AnandVRagav_1-1637610757197.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20list%20is%20view%20formatted%20with%20the%20below%20JSON%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fjson-schemas%2Fsp%2Fv2%2Ftile-formatting.schema.json%22%2C%0A%20%20%22height%22%3A%20350%2C%0A%20%20%22width%22%3A%20300%2C%0A%20%20%22hideSelection%22%3A%20true%2C%0A%20%20%22fillHorizontally%22%3A%20true%2C%0A%20%20%22formatter%22%3A%20%7B%0A%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%22class%22%3A%20%22sp-row-card%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%7D%2C%0A%20%20%20%20%20%20%20%20%22customRowAction%22%3A%20%7B%7D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-bgColor-white%20sp-card-subContainer%22%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-displayColumnContainer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralSecondary%20sp-card-label%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Info%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B!Title.DisplayName%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22p%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220px%200px%2010px%2028px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24Title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22role%22%3A%20%22heading%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22aria-level%22%3A%20%223%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif%20(%5B%24Title%5D%20%3D%3D%20''%2C%20'%E2%80%93'%2C%20%5B%24Title%5D)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-displayColumnContainer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralSecondary%20sp-card-label%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Event%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B!When.DisplayName%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22p%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220px%200px%2010px%2028px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24Title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22role%22%3A%20%22heading%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22aria-level%22%3A%20%223%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif%20(%5B%24When%5D%20%3D%3D%20''%2C%20'%E2%80%93'%2C%20%5B%24When%5D)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-card-displayColumnContainer%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralSecondary%20sp-card-label%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22TeamsLogo%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B!Where.DisplayName%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22p%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220px%200px%2010px%2028px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24Title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22role%22%3A%20%22heading%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22aria-level%22%3A%20%223%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif%20(%5B%24Where%5D%20%3D%3D%20''%2C%20'%E2%80%93'%2C%20%5B%24Where%5D)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22div%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22sp-row-cardr%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22children%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralSecondary%20sp-card-label%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22iconName%22%3A%20%22Group%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22span%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22display%22%3A%20%22inline-block%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220%204px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%5B!Who.DisplayName%5D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22elmType%22%3A%20%22p%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22style%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22background-color%22%3A%20%22white%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22white-space%22%3A%20%22normal%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22padding%22%3A%20%220px%200px%2010px%2028px%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22font-size%22%3A%20%2215px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22attributes%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22%5B%24Title%5D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22class%22%3A%20%22ms-fontColor-neutralPrimary%20sp-card-content%20sp-card-highlightedContent%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22role%22%3A%20%22heading%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22aria-level%22%3A%20%223%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22txtContent%22%3A%20%22%3Dif%20(%5B%24Who%5D%20%3D%3D%20''%2C%20'%E2%80%93'%2C%20%5B%24Who%5D)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%7D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EFinally%20towards%20the%20end%20of%20the%20event%20page%2C%20I%20added%20a%20Microsoft%20Forms%20link%20to%20collect%20a%20Net%20promoter%20score%20feedback%20question%2C%20and%20this%20would%20help%20me%20understand%20how%20users%20feedback%20the%20event.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EThe%20final%20result%20is%20an%20event%20page%20made%20with%20SharePoint%2C%20and%20enhanced%20by%20SharePoint%20Spaces%2C%20Formatted%20Lists%20and%20other%20web%20parts.%20%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EI%20believe%20SharePoint%20offers%20some%20amazing%20opportunities%20to%20create%20pages%20that%20can%20meet%20a%20variety%20of%20business%20needs.%20%3C%2FSPAN%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3EHope%20you%20found%20the%20information%20in%20this%20post%20useful%20and%20I%20would%20love%20to%20see%20how%20you%20implement%20this%20and%20how%20you%20might%20enhance%20this.%20Feel%20free%20to%20comment%20here.%20%3CBR%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3CDIV%20class%3D%22lv%22%20style%3D%22box-sizing%3A%20inherit%3B%20clear%3A%20both%3B%20color%3A%20rgba(0%2C%200%2C%200%2C%200.8)%3B%20font-family%3A%20medium-content-sans-serif-font%2C%20-apple-system%2C%20'system-ui'%2C%20'Segoe%20UI'%2C%20Roboto%2C%20Oxygen%2C%20Ubuntu%2C%20Cantarell%2C%20'Open%20Sans'%2C%20'Helvetica%20Neue'%2C%20sans-serif%3B%20font-size%3A%20medium%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20normal%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%22%3E%0A%3CDIV%20class%3D%22n%20p%22%20style%3D%22box-sizing%3A%20inherit%3B%20display%3A%20flex%3B%20justify-content%3A%20center%3B%22%3E%0A%3CDIV%20class%3D%22ld%20lw%20lx%20ly%20lz%20ma%20at%20mb%20au%20mc%20aw%20w%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%201192px%3B%20min-width%3A%200px%3B%20margin%3A%200px%2064px%3B%20max-width%3A%201192px%3B%22%3E%26nbsp%3B%3C%2FDIV%3E%0A%3CDIV%20class%3D%22ld%20lw%20lx%20ly%20lz%20ma%20at%20mb%20au%20mc%20aw%20w%22%20style%3D%22box-sizing%3A%20inherit%3B%20width%3A%201192px%3B%20min-width%3A%200px%3B%20margin%3A%200px%2064px%3B%20max-width%3A%201192px%3B%22%3E%26nbsp%3B%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%0A%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-2994438%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20style%3D%22color%3A%20%23292929%3B%20font-family%3A%20charter%2C%20Georgia%2C%20Cambria%2C%20'Times%20New%20Roman'%2C%20Times%2C%20serif%3B%20font-size%3A%2021px%3B%20font-style%3A%20normal%3B%20font-variant-ligatures%3A%20normal%3B%20font-variant-caps%3A%20normal%3B%20font-weight%3A%20400%3B%20letter-spacing%3A%20-0.063px%3B%20orphans%3A%202%3B%20text-align%3A%20start%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20white-space%3A%20normal%3B%20widows%3A%202%3B%20word-spacing%3A%200px%3B%20-webkit-text-stroke-width%3A%200px%3B%20background-color%3A%20%23ffffff%3B%20text-decoration-thickness%3A%20initial%3B%20text-decoration-style%3A%20initial%3B%20text-decoration-color%3A%20initial%3B%20display%3A%20inline%20!important%3B%20float%3A%20none%3B%22%3ERecently%20I%20shared%20with%20the%20PnP%20community%20an%20event%20page%20I%20was%20working%20on%20and%20how%20I%20used%20SharePoint%2C%20Spaces%20and%20formatted%20Lists%20to%20design%20the%20user%20experience.%20This%20got%20a%20great%20response%20from%20the%20community.%20Some%20folks%20asked%20if%20I%20could%20share%20the%20details%20of%20how%20I%20made%20the%20page.%20That%20is%20the%20background%20to%20this%20post.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22AnandVRagav_0-1637607836962.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F328680iBE2740CA6F77754E%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22AnandVRagav_0-1637607836962.png%22%20alt%3D%22AnandVRagav_0-1637607836962.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2994438%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EFormatted%20Lists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EHow%20to%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPnP%20Weekly%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Espaces%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E

Version history
Last update:

‎Nov 22 2021 12:09 PM

Updated by:

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK