Skip to Content
Releases1.18.0POST Deployment

POST Deployment v1.18.0

Update the suggested content cards in Search

MANDATORY

To display the new suggested content in the “All” search results correctly, update the designs of the four suggestion cards: Suggestion Community, Suggestion Content, Suggestion People and Suggestion External.

To update each design, follow these steps:

  1. Access Syntphony Settings (previously called TOGO Settings).
  2. Access the This Tenant menu.
  3. Access the Search section.
  4. In the Designs list, open the design of each card and replace its content with the corresponding code below.
  5. Click the arrow ← to return to the Designs list, and click Save.

Community card

Show design JSON

{
  "uniqueId": "a0f6b912-cd77-498b-8be4-02d413b7ae44",
  "dataUniqueId": "{uniqueId}",
  "design": {
	"type": "Card",
	"onClick": {
	  "type": "OpenUrlNewTab",
	  "url": "{urls.detailUrl}"
	},
	"style": {
	  "width": "100%",
	  "background": "white",
	  "padding": "16px",
	  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternary)",
	  "borderRadius": "4px",
	  "minWidth": "156px",
	  "maxWidth": "337px",
	  "height": "95px",
	  "justifyContent": "center",
	  "&:hover": {
		"boxShadow": "0px 6.4px 14.4px 0px #00000021"
	  }
	},
	"body": [
	  {
		"type": "ColumnSet",
		"columns": [
		  {
			"type": "Column",
			"items": [
			  {
				"type": "Image",
				"url": "{urls.previewUrl}",
				"fallbackImageUrl": "",
				"resolution": 1,
				"style": {
				  "width": "36px",
				  "height": "36px",
				  "objectFit": "cover",
				  "borderRadius": "20px",
				  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternaryAlt)"
				}
			  },
			  {
				"type": "TextBlock",
				"text": "{title}",
				"maxLines": 1,
				"style": {
				  "fontSize": "14px",
				  "fontWeight": 700
				}
			  }
			]
		  }
		]
	  }
	]
  },
  "title": {
	"en-US": "Suggestion Community",
	"es-ES": "Nueva tarjeta",
	"default": "Suggestion Community"
  },
  "sampleData": {
	"uniqueId": "bea43a44-6006-46e7-8035-80a2f565d257",
	"fileId": null,
	"contentType": "TogoCommunities",
	"addonId": "988e2845-bbe9-4efa-af1c-7bd749b3c38c",
	"contentTypeBase": "Community",
	"title": "Accesibilidad TOGO",
	"description": "Comunidad para realizar pruebas de accesibilidad de TOGO.",
	"summary": "<ddd/><c0>AccesibilidadTOGO</c0> b3f5690d-6ca0-45f2-a775-1d08341b970e custom Provisioned Comunidad para <ddd/><c0>accesibilidad</c0> de TOGO. f6cc5403-0d63-442e-96c0-285923709ffc <c0>AccesibilidadTOGO</c0> https://<ddd/>",
	"modifiedByAccount": "Sergio Ortega Martin",
	"modifiedBy": {
	  "userId": "655bea17-648d-4b79-9d4b-fec210a2d3d6",
	  "uniqueId": null,
	  "upn": "sergio@everistogopre.onmicrosoft.com",
	  "account": "sergio@everistogopre.onmicrosoft.com",
	  "loginName": "sergio@everistogopre.onmicrosoft.com",
	  "picture": "/_layouts/15/userphoto.aspx?size=M&accountname=sergio@everistogopre.onmicrosoft.com",
	  "entityType": "user",
	  "pageDetailUrl": "https://everistogopre.sharepoint.com/sites/togo/SitePages/PersonDetail.aspx?accountname=sergio@everistogopre.onmicrosoft.com",
	  "name": "Sergio Ortega Martin",
	  "email": "sergio@everistogopre.onmicrosoft.com",
	  "mobile": "666",
	  "phone": "",
	  "department": "DEX",
	  "location": "Almería",
	  "locale": null,
	  "jobTitle": "",
	  "isExternal": false,
	  "audienceDepartment": "",
	  "audienceLocation": "",
	  "follow": false,
	  "Fields": {},
	  "extended_props": [
		{
		  "Key": "Applications",
		  "Value": "",
		  "Type": "String"
		},
		{
		  "Key": "TogoAccountActive",
		  "Value": true,
		  "Type": "Boolean"
		}
	  ]
	},
	"modifiedDate": null,
	"siteTitle": "Accesibilidad TOGO",
	"siteId": "b3f5690d-6ca0-45f2-a775-1d08341b970e",
	"fileExtension": null,
	"author": {
	  "userId": null,
	  "uniqueId": null,
	  "upn": null,
	  "account": "",
	  "loginName": "",
	  "picture": "",
	  "entityType": "",
	  "pageDetailUrl": "",
	  "name": null,
	  "email": "",
	  "mobile": null,
	  "phone": null,
	  "department": null,
	  "location": null,
	  "locale": "es-ES",
	  "jobTitle": null,
	  "isExternal": false,
	  "audienceDepartment": null,
	  "audienceLocation": null,
	  "follow": false,
	  "Fields": {},
	  "extended_props": null
	},
	"authorAccount": "",
	"fileName": "DispForm",
	"urls": {
	  "siteUrl": "https://everistogopre.sharepoint.com/sites/AccesibilidadTOGO",
	  "detailUrl": "https://everistogopre.sharepoint.com/sites/AccesibilidadTOGO",
	  "previewUrl": "https://everistogopre.sharepoint.com/sites/AccesibilidadTOGO/_api/siteiconmanager/getsitelogo",
	  "interactivePreviewUrl": "https://everistogopre.sharepoint.com/sites/AccesibilidadTOGO",
	  "downloadUrl": null,
	  "fileLocation": "https://everistogopre.sharepoint.com/sites/AccesibilidadTOGO"
	},
	"follow": false,
	"image": {
	  "base64": null,
	  "name": null,
	  "url": "",
	  "preview": "",
	  "alt": null,
	  "isDecorative": false
	},
	"connectionId": "",
	"fields": {
	  "Url": "https://everistogopre.sharepoint.com/sites/AccesibilidadTOGO/Lists/Communities/DispForm.aspx?ID=1"
	}
  }
}

Content List

Show design JSON

{
  "uniqueId": "c4963faa-0538-44e0-be8e-f52c9dc34cd3",
  "dataUniqueId": "{uniqueId}",
  "design": {
	"type": "Card",
	"onClick": {
	  "type": "OpenUrlNewTab",
	  "url": "@eval({urls.interactivePreviewUrl} || {urls.detailUrl})",
	  "setView": "@eval({contentType} === 'TogoDocuments' || {contentType} === 'TogoApplications')"
	},
	"style": {
	  "width": "100%",
	  "background": "none",
	  "padding": "8px 16px",
	  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternary)",
	  "borderRadius": "4px",
	  "minWidth": "156px",
	  "maxWidth": "337px",
	  "height": "56px",
	  "justifyContent": "center",
	  "&:hover": {
		"boxShadow": "0px 6.4px 14.4px 0px #00000021"
	  }
	},
	"verticalSeparatorWidth": "12px",
	"body": [
	  {
		"type": "ColumnSet",
		"columns": [
		  {
			"type": "Column",
			"items": [
			  {
				"type": "ColumnSet",
				"style": {
				  "alignItems": "center"
				},
				"columns": [
				  {
					"type": "Column",
					"horizontalSeparator": false,
					"items": [
					  {
						"type": "Icon",
						"visible": "@eval({contentTypeBase} === 'Document' || !{urls.previewUrl})",
						"fileExtension": "{fileExtension}",
						"name": "@eval({fileExtension} === 'aspx' ? 'News' : {contentTypeBase} === 'Community' ? 'Group' : {contentTypeBase} === 'Application' ? 'OEM' : {contentTypeBase} === 'Folder' ? 'Folder' : {contentTypeBase} === 'Announcement' && 'Megaphone')",
						"horizontalSeparator": false,
						"style": {
						  "color": "@eval(window?.__themeState__?.theme?.themePrimary)",
						  "fontSize": "32px",
						  "width": "32px",
						  "height": "32px"
						}
					  },
					  {
						"type": "Image",
						"url": "{urls.previewUrl}",
						"visible": "@eval({urls.previewUrl} && {contentTypeBase} !== 'Document')",
						"fallbackImageUrl": "",
						"resolution": 1,
						"horizontalSeparator": false,
						"style": {
						  "width": "32px",
						  "height": "32px",
						  "objectFit": "cover",
						  "borderRadius": "20px",
						  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternaryAlt)"
						}
					  }
					]
				  },
				  {
					"type": "Column",
					"style": {
					  "flex": 1,
					  "gap": 2
					},
					"items": [
					  {
						"type": "TextBlock",
						"horizontalSeparator": false,
						"text": "@eval({contentTypeBase} != 'Document' ? {title} : ({fileName} || {title}))",
						"maxLines": 1,
						"style": {
						  "fontSize": "14px",
						  "fontWeight": 700
						}
					  },
					  {
						"type": "TextBlock",
						"horizontalSeparator": false,
						"maxLines": 1,
						"text": "{siteTitle}",
						"style": {
						  "color": "@eval(window?.__themeState__?.theme?.neutralSecondary)",
						  "fontSize": "12px"
						},
						"visible": "{siteTitle}",
						"onClick": {
						  "type": "OpenUrlNewTab",
						  "url": "{urls.siteUrl}"
						}
					  }
					]
				  }
				]
			  }
			]
		  }
		]
	  }
	]
  },
  "title": {
	"en-US": "Suggestion Content",
	"es-ES": "Nueva tarjeta",
	"default": "Suggestion Content"
  },
  "sampleData": {
	"uniqueId": "966814af-f588-4d2a-b379-655ddbcef916",
	"contentType": "TogoNews",
	"contentTypeBase": "Application",
	"title": "Descubre las nuevas incorporaciones ",
	"description": "Loremipsumdolorsitamet, consecteturadipiscingelit. Sednonpretiumtortor,vitaevestibulumtellus.Aeneanvitaemolestiepurus.Donecorcienim,rhoncusegetauctornec,finibussitametnisl.Pellentesqueatfeugiatorci,sedsodalesneque.Vestibulumattinciduntlacus,amolestiemetus.Nullamtristiqueportavarius.",
	"modifiedByAccount": "SergioOrtegaMartin",
	"modifiedBy": {
	  "uniqueId": "655bea17-648d-4b79-9d4b-fec210a2d3d6",
	  "account": "sergio@everistogopre.onmicrosoft.com",
	  "loginName": "sergio@everistogopre.onmicrosoft.com",
	  "picture": "/_layouts/15/userphoto.aspx?size=M&accountname=sergio@everistogopre.onmicrosoft.com",
	  "name": "SergioOrtegaMartin",
	  "email": "sergio@everistogopre.onmicrosoft.com",
	  "entityType": "user",
	  "pageDetailUrl": "https://everistogopre.sharepoint.com/sites/Togo/SitePages/PersonDetail.aspx?accountname=sergio@everistogopre.onmicrosoft.com",
	  "department": "DEX",
	  "jobTitle": "",
	  "location": "",
	  "audienceDepartment": "",
	  "audienceLocation": "",
	  "mobile": "",
	  "phone": "",
	  "applications": ""
	},
	"modifiedDate": "2019-05-30T15:25:28",
	"siteTitle": "Recursos Humanos",
	"siteId": "126db9f8-961b-410c-9bec-7b36a2dc48cc",
	"fileExtension": "aspx",
	"author": {
	  "uniqueId": null,
	  "account": null,
	  "loginName": null,
	  "picture": "",
	  "name": "",
	  "email": "",
	  "entityType": "",
	  "pageDetailUrl": "",
	  "department": "",
	  "jobTitle": "",
	  "location": "",
	  "audienceDepartment": "",
	  "audienceLocation": "",
	  "mobile": "",
	  "phone": "",
	  "applications": ""
	},
	"authorAccount": "",
	"fileName": "Descubre las nuevas incorporaciones",
	"urls": {
	  "rootSiteUrl": "",
	  "siteUrl": "https://everistogopre.sharepoint.com/sites/blackteam",
	  "detailUrl": "https://everistogopre.sharepoint.com/sites/BlackTeam/SitePages/NoticiaSergio7blackteam.aspx",
	  "previewUrl": "https://images.unsplash.com/photo-1593642634524-b40b5baae6bb?ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1189&q=80",
	  "interactivePreviewUrl": "",
	  "downloadUrl": "https://everistogopre.sharepoint.com/sites/BlackTeam/SitePages/NoticiaSergio7blackteam.aspx",
	  "contentPageUrl": "",
	  "fileLocation": "",
	  "fileDirectories": "",
	  "relativeListUrl": "",
	  "siteLogoUrl": ""
	}
  },
  "layoutOptions": {
	"height": ""
  }
}

Person Card

Show design JSON

{
  "uniqueId": "cd46f6c0-afc4-48d5-bc18-ab63b49417df",
  "dataUniqueId": "{uniqueId}",
  "design": {
	"type": "Card",
	"onClick": {
	  "type": "OpenUrlNewTab",
	  "url": "{pageDetailUrl}"
	},
	"style": {
	  "width": "100%",
	  "background": "white",
	  "padding": "8px 16px",
	  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternary)",
	  "borderRadius": "4px",
	  "minWidth": "156px",
	  "maxWidth": "337px",
	  "height": "95px",
	  "justifyContent": "center",
	  "&:hover": {
		"boxShadow": "0px 6.4px 14.4px 0px #00000021"
	  }
	},
	"body": [
	  {
		"type": "ColumnSet",
		"columns": [
		  {
			"type": "Column",
			"items": [
			  {
				"type": "Image",
				"url": "{picture}",
				"fallbackImageUrl": "",
				"resolution": 1,
				"livePersonaCard": {
				  "displayName": "{name}",
				  "email": "{email}",
				  "loginName": "{loginName}"
				},
				"style": {
				  "width": "36px",
				  "height": "36px",
				  "objectFit": "cover",
				  "borderRadius": "20px",
				  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternaryAlt)"
				}
			  },
			  {
				"type": "TextBlock",
				"horizontalSeparator": false,
				"text": "{name}",
				"maxLines": 1,
				"style": {
				  "fontSize": "14px",
				  "fontWeight": 700
				}
			  },
			  {
				"type": "TextBlock",
				"horizontalSeparator": false,
				"text": "{department}",
				"maxLines": 1,
				"style": {
				  "fontSize": "12px",
				  "color": "@eval(window?.__themeState__?.theme?.neutralSecondary)"
				}
			  }
			]
		  }
		]
	  }
	]
  },
  "title": {
	"en-US": "Suggestion People",
	"es-ES": "Nueva tarjeta",
	"default": "Suggestion People"
  },
  "sampleData": {
	"uniqueId": "5a8a14db-ac89-4926-a555-a3af8d53bb20",
	"account": "sergio.ortega.martin@emeal.nttdata.com",
	"loginName": "sergio.ortega.martin@emeal.nttdata.com",
	"picture": "/_layouts/15/userphoto.aspx?size=M&accountname=sergio.ortega.martin@emeal.nttdata.com",
	"name": "Sergio Ortega Martin",
	"email": "sergio.ortega.martin@emeal.nttdata.com",
	"entityType": "user",
	"pageDetailUrl": "/sites/togo/SitePages/PersonDetail.aspx?accountname=sergio.ortega.martin@emeal.nttdata.com",
	"department": "TOGO",
	"jobTitle": "",
	"location": "",
	"audienceDepartment": "",
	"audienceLocation": "",
	"mobile": "",
	"phone": "",
	"applications": "",
	"follow": false,
	"fields": {
	  "DNI": null,
	  "dni": null,
	  "UserDNI": null,
	  "dniUser": null
	}
  }
}

External Card

Show design JSON

{
  "uniqueId": "bbdd4153-0950-48ee-bec2-bd2a89db2af5",
  "dataUniqueId": "{fields.uniqueID}",
  "design": {
	"type": "Card",
	"onClick": {
	  "type": "OpenUrlNewTab",
	  "url": "{fields.url}"
	},
	"style": {
	  "width": "100%",
	  "background": "none",
	  "padding": "8px 16px",
	  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternary)",
	  "borderRadius": "4px",
	  "minWidth": "156px",
	  "maxWidth": "337px",
	  "height": "56px",
	  "justifyContent": "center",
	  "&:hover": {
		"boxShadow": "0px 6.4px 14.4px 0px #00000021"
	  }
	},
	"verticalSeparatorWidth": "12px",
	"body": [
	  {
		"type": "ColumnSet",
		"columns": [
		  {
			"type": "Column",
			"items": [
			  {
				"type": "ColumnSet",
				"style": {
				  "alignItems": "center"
				},
				"columns": [
				  {
					"type": "Column",
					"horizontalSeparator": false,
					"items": [
					  {
						"type": "Icon",
						"visible": "@eval(!{fields.imageUrl})",
						"name": "Globe",
						"horizontalSeparator": false,
						"style": {
						  "color": "@eval(window?.__themeState__?.theme?.themePrimary)",
						  "fontSize": "32px"
						}
					  },
					  {
						"type": "Image",
						"url": "{fields.imageUrl}",
						"visible": "{fields.imageUrl}",
						"fallbackImageUrl": "",
						"resolution": 1,
						"horizontalSeparator": false,
						"style": {
						  "width": "32px",
						  "height": "32px",
						  "objectFit": "cover",
						  "borderRadius": "20px",
						  "border": "@eval('1px solid ' + window?.__themeState__?.theme?.neutralQuaternaryAlt)"
						}
					  }
					]
				  },
				  {
					"type": "Column",
					"style": {
					  "flex": 1,
					  "gap": 2
					},
					"items": [
					  {
						"type": "TextBlock",
						"horizontalSeparator": false,
						"text": "{fields.title}",
						"maxLines": 1,
						"style": {
						  "fontSize": "14px",
						  "fontWeight": 700
						}
					  },
					  {
						"type": "TextBlock",
						"visible": "{fields.excerpt}",
						"horizontalSeparator": false,
						"maxLines": 1,
						"text": "{fields.excerpt}",
						"style": {
						  "color": "@eval(window?.__themeState__?.theme?.neutralSecondary)",
						  "fontSize": "12px"
						}
					  }
					]
				  }
				]
			  }
			]
		  }
		]
	  }
	]
  },
  "title": {
	"en-US": "Suggestion External",
	"es-ES": "Nueva tarjeta",
	"default": "Suggestion External"
  },
  "sampleData": {
	"fields": {
	  "uniqueID": "9690d3e5-5f78-e5ad-bb89-a85374d2df3b",
	  "title": "Descubre las nuevas incorporaciones ",
	  "excerpt": "Descripción",
	  "date": "10/31/2022 7:44:59 AM",
	  "url": "https://blog.mastykarz.nl/find-meeting-time-schedule-meeting-microsoft-365",
	  "imageUrl": ""
	}
  }
}

NOTE: APPLY THIS SAME PROCEDURE TO ALL SUGGESTION CARD DESIGNS RELATED TO THIS FEATURE.

1.18.01.17.0