POST Deployment v1.9.3

Community header designs

MANDATORY

We continue to improve the user experience. In this case, we have redesigned the Community Header.

Update the Extended design

To have the latest version it is necessary to update the designs in the Header settings. To do this,

Go to Syntphony Settings.
Enter the This Tenant menu.
Enter the Header section.
In the Designs list, open the Extended design and replace the JSON with the editNav key for the value below.

{
   "key":"editNav",
   "name":{
      "en-US":"Edit navigation",
      "es-ES":"Editar navegación",
      "it-IT":"Modifica navigazione"
   },
   "disabled": "@eval(!{base.isContributor} || !{base.isNavigationEnabled})",
   "onClick":{
      "type":"ClickElements",
      "selectors":[
         "[data-automationid=\"navEditLink\"]",
         ".ms-HorizontalNavItem-alignSelf button.ms-HorizontalNavItem-Edit"
      ]
   }
}

Click the arrow ← to return to the Designs list, and click Save.

Update the Compact design

Also, we will update the Compact design inside the same section,

Access to Syntphony Settings.
Enter the This Tenant menu.
Enter the Header section.
In the Designs list, open the Extended design and replace the JSON with the editNav key for the value below.

{
   "key":"editNav",
   "name":{
      "en-US":"Edit navigation",
      "es-ES":"Editar navegación",
      "it-IT":"Modifica navigazione"
   },
   "disabled": "@eval(!{base.isContributor} || !{base.isNavigationEnabled})",
   "onClick":{
      "type":"ClickElements",
      "selectors":[
         "[data-automationid=\"navEditLink\"]",
         ".ms-HorizontalNavItem-alignSelf button.ms-HorizontalNavItem-Edit"
      ]
   }
}

Click the arrow ← to return to the Designs list, and click Save.

⚠️

NOTE: IF YOU HAVE CUSTOM DESIGNS, MAKE THE SAME CHANGES AS NEEDED.

Update Hero cards designs

MANDATORY

Now that the user experience has been improved, it is necessary to update the designs of the Hero cards globally.

Access to the Syntphony site (/sites/togo).
Go to the Site contents section.
Enter to CDN library.
Now to the Styles folder.
Edit the file branding-application-customizer.override.css and add the following code to the end of the file:

[class*='togo-ui-core-heroLayout-item'] > div {
  height: inherit;
}

Update all the addons

MANDATORY

After refactoring the content creation, it is necessary to update all the addons forms to use the new services.

Access to the Addons section to update ALL the addons.

Access to Syntphony Settings.
Enter the This Tenant menu.
Enter the Addons section.

Once you are in the Addons section, please update the following forms for each addon:

Update Creation forms

We have three scenarios for updating this form.

Community addon

We update the creation form:

Open the Community addon.
Go to Forms.
Go to Creation form.
In the Design tab, at the end of the JSON, replace the value of the submit field with this new value:

{
  "name": "submit",
  "label": {
	"t": "forms.create"
  },
  "type": "Submit",
  "showCancel": true,
  "endpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/add",
  "method": "post",
  "redirectUrl": "{url}"
}

Publish the addon when finished.

Addons for content type Document

We update the creation form:

Open the addon with content type Document you want to update.
Go to Forms.
Go to Creation form.
In the Design tab, at the end of the JSON, replace the value of the submit field with this new value:

{
  "name": "submit",
  "label": {
	"t": "forms.create"
  },
  "type": "Submit",
  "showCancel": true,
  "endpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/content/addDocument",
  "method": "post",
  "redirectUrl": "{url}"
}

Publish the addon when finished.

Other addons

We update the creation form:

Open the Addon you want to update.
Go to Forms.
Go to Creation form.
In the Design tab, at the end of the JSON, replace the value of the submit field with this new value:

{
  "name": "submit",
  "label": {
	"t": "forms.create"
  },
  "type": "Submit",
  "showCancel": true,
  "endpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/content/add",
  "method": "post",
  "redirectUrl": "{url}"
}

Publish the addon when finished.

Update Edition Form

We have two scenarios for updating this form.

Community addon

We update the edit form:

Open the Community addon.
Go to Forms.
Go to Edition form.
In the Design tab, at the end of the JSON, replace the value of the submit field with this new value:

{
  "name": "submit",
  "label": {
	"t": "forms.update"
  },
  "type": "Submit",
  "showCancel": true,
  "endpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/set",
  "method": "post",
  "redirectUrl": "{url}"
}

Publish the addon when finished.

Other addons

Open the Addon you want to update.
Go to Forms.
Go to Edition form.
In the Design tab, at the end of the JSON, replace the value of the commandBar field with this new value:

{
  "name": "commandBar",
  "type": "CommandBar",
  "editMode": true,
  "editForm": "edit",
  "cancelForm": "display",
  "visible": "{base.isContributor}",
  "removeEndpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/content/remove?uniqueId={uniqueId}",
  "allowLanguageSelector": "{base.translation.active}",
  "additionalActionItems": [
	{
	  "key": "Translate",
	  "name": {
		"t": "common.translation"
	  },
	  "iconName": "LocaleLanguage",
	  "onClick": "@translate()",
	  "propertyName": "translate",
	  "visible": "{base.translation.active}"
	}
  ]
}

In the Design tab, at the end of the JSON, replace the value of the submit field with this new value:

{
  "name": "submit",
  "label": {
	"t": "forms.update"
  },
  "type": "Submit",
  "showCancel": true,
  "endpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/content/set",
  "method": "post",
  "redirectUrl": "{url}"
}

Publish the addon when finished.

Update Display Form

We have two scenarios for updating this form.

Community addon

No changes to the display form are required for this addon.

Addons for content type Document

We update the edit form:

Open the Addon you want to update.
Go to Forms.
Go to Display form.
In the Design tab, at the end of the JSON, replace the value of the commandBar field with this new value:

{
  "name": "commandBar",
  "type": "CommandBar",
  "editMode": false,
  "editForm": "edit",
  "cancelForm": "display",
  "removeEndpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/content/remove?uniqueId={uniqueId}",
  "hideContentConfiguration": {
	"endpointResponse": "@eval(!{base.isContributor})"
  },
  "endpointName": "commandBar",
  "hideEdit": {
	"endpointResponse": "@eval(!{base.isContributor})"
  },
  "hideDelete": {
	"endpointResponse": "@eval(!{base.isContributor})"
  },
  "allowLanguageSelector": {
	"endpointResponse": "{base.translation.active}"
  },
  "additionalActionItems": [
	{
	  "key": "Open",
	  "name": {
		"t": "common.open"
	  },
	  "iconName": "OpenInNewWindow",
	  "onClick": "@openUrlNewTab({base.urls.interactivePreviewUrl})"
	},
	{
	  "key": "Translate",
	  "name": {
		"t": "common.translation"
	  },
	  "iconName": "LocaleLanguage",
	  "onClick": "@translate()",
	  "propertyName": "translate",
	  "visible": {
		"endpointResponse": "{base.translation.active}"
	  }
	}
  ]
}

Publish the addon when finished.

Other addons

We update the edit form:

Open the Addon you want to update.
Go to Forms.
Go to Display form.
In the Design tab, at the end of the JSON, replace the value of the commandBar field with this new value:

{
  "name": "commandBar",
  "type": "CommandBar",
  "editMode": false,
  "editForm": "edit",
  "cancelForm": "display",
  "removeEndpoint": "{@togoSettings.apiEndpoints.setup}/user/provisioning/content/remove?uniqueId={uniqueId}",
  "hideContentConfiguration": {
	"endpointResponse": "@eval(!{base.isContributor})"
  },
  "endpointName": "commandBar",
  "hideEdit": {
	"endpointResponse": "@eval(!{base.isContributor})"
  },
  "hideDelete": {
	"endpointResponse": "@eval(!{base.isContributor})"
  },
  "allowLanguageSelector": {
	"endpointResponse": "{base.translation.active}"
  },
  "additionalActionItems": [
	{
	  "key": "Open",
	  "name": {
		"t": "common.open"
	  },
	  "iconName": "OpenInNewWindow",
	  "onClick": "@openUrlNewTab({base.urls.detailUrl})"
	},
	{
	  "key": "Translate",
	  "name": {
		"t": "common.translation"
	  },
	  "iconName": "LocaleLanguage",
	  "onClick": "@translate()",
	  "propertyName": "translate",
	  "visible": {
		"endpointResponse": "{base.translation.active}"
	  }
	}
  ]
}

Publish the addon when finished.

⚠️

NOTE: IF YOU HAVE ADDONS WITH ADDITIONAL CUSTOM ADDONS, MAKE THE SAME CHANGES AS NEEDED.

1.9.3 1.9.2