Releases
1.9.4POST Deployment

POST Deployment v1.9.4

Update Hero cards designs

MANDATORY

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

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

Once you are in the Addons section, please update the following addons:

⚠️

NOTE: IF YOU HAVE CUSTOM ADDONS THAT INHERIT FROM ONE OF THESE ADDONS, MAKE THE SAME CHANGES AS NEEDED.

Announcement

We update the Hero design card:

  1. Open the Announcement addon (also called Quick Post).
  2. Go to Cards.
  3. Go to Hero card.
  4. On the Design tab, locate the field of type Container as follows and replace the value of the background field with this new value:
{
  "type": "Container",
  "horizontalSeparator": false,
  "style": {
    "height": "100%",
    "background": "@eval('linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.5%, rgba(0, 0, 0, 0.70) 64%), url(\"'+({base.image.preview} ? ({base.image.preview}.indexOf('getpreview')!=-1 ? {base.image.preview}.replace('/0/c400x99999', '/0/c960x99999') + '&resolution=3' : {base.image.preview}.replace('/0/c400x99999', '/0/c960x99999')) : ({base.urls.previewUrl}.indexOf('getpreview')!=-1 ? {base.urls.previewUrl}.replace('/0/c400x99999', '/0/c960x99999') + '&resolution=3' : {base.urls.previewUrl}.replace('/0/c400x99999', '/0/c960x99999')) || 'https://spoprod-a.akamaihd.net/files/sp-client-prod_2018-12-28.007/spdefaultbanner_light_a0bc58c25323ac7ccd8b6d2e15b0ee85.jpg')+'\") lightgray 50% / cover no-repeat')",
    "backgroundSize": "cover",
    "transition": "transform 0.3s ease 0s",
    "&:hover": {
      "transform": "scale(1.05)"
    },
    "borderRadius": "5px"
  }
}
  1. Publish the addon when finished.

News

We update the Hero design card:

  1. Open the News addon.
  2. Go to Cards.
  3. Go to Hero card.
  4. On the Design tab, locate the field of type Container as follows and replace the value of the background field with this new value:
{
  "type": "Container",
  "horizontalSeparator": false,
  "style": {
    "height": "100%",
    "background": "@eval('linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.5%, rgba(0, 0, 0, 0.70) 64%), url(\"'+({base.urls.previewUrl} ? ({base.urls.previewUrl}.indexOf('getpreview')!=-1 ? {base.urls.previewUrl}.replace('/0/c400x99999', '/0/c960x99999') + '&resolution=3' : {base.urls.previewUrl}.replace('/0/c400x99999', '/0/c960x99999')) : ({base.image.preview}.indexOf('getpreview')!=-1 ? {base.image.preview}.replace('/0/c400x99999', '/0/c960x99999') + '&resolution=3' : {base.image.preview}.replace('/0/c400x99999', '/0/c960x99999')) || 'https://spoprod-a.akamaihd.net/files/sp-client-prod_2018-12-28.007/spdefaultbanner_light_a0bc58c25323ac7ccd8b6d2e15b0ee85.jpg')+'\") lightgray 50% / cover no-repeat')",
    "backgroundSize": "cover",
    "transition": "transform 0.3s ease 0s",
    "&:hover": {
      "transform": "scale(1.05)"
    },
    "borderRadius": "5px"
  }
}
  1. Publish the addon when finished.

Documents

We update the Hero design card:

  1. Open the Documents addon.
  2. Go to Cards.
  3. Go to Hero card.
  4. On the Design tab, locate the field of type Container as follows and replace the value of the background field with this new value:
{
  "type": "Container",
  "horizontalSeparator": false,
  "style": {
    "height": "100%",
    "background": "@eval('linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.5%, rgba(0, 0, 0, 0.70) 64%), url(\"'+({base.image.preview} ? ({base.image.preview}.indexOf('getpreview')!=-1 ? {base.image.preview}.replace('/0/c400x99999', '/0/c960x99999') + '&resolution=3' : {base.image.preview}.replace('/0/c400x99999', '/0/c960x99999')) : ({base.urls.previewUrl}.indexOf('getpreview')!=-1 ? {base.urls.previewUrl}.replace('/0/c400x99999', '/0/c960x99999') + '&resolution=3' : {base.urls.previewUrl}.replace('/0/c400x99999', '/0/c960x99999')) || 'https://spoprod-a.akamaihd.net/files/sp-client-prod_2018-12-28.007/spdefaultbanner_light_a0bc58c25323ac7ccd8b6d2e15b0ee85.jpg')+'\") lightgray 50% / cover no-repeat')",
    "backgroundSize": "cover",
    "transition": "transform 0.3s ease 0s",
    "&:hover": {
      "transform": "scale(1.05)"
    },
    "borderRadius": "5px"
  }
}
  1. Publish the addon when finished.

Communities

We update the Hero design card:

  1. Open the Communities addon.
  2. Go to Cards.
  3. Go to Hero card.
  4. On the Design tab, locate the field of type Container as follows and replace the value of the background field with this new value:
{
  "type": "Container",
  "horizontalSeparator": false,
  "style": {
    "height": "100%",
    "background": "@eval('linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.5%, rgba(0, 0, 0, 0.70) 64%), url(\"'+({base.image.preview} ? {base.image.preview} + '&resolution=4' : {base.urls.previewUrl} + '&resolution=4' || 'https://spoprod-a.akamaihd.net/files/sp-client-prod_2018-12-28.007/spdefaultbanner_light_a0bc58c25323ac7ccd8b6d2e15b0ee85.jpg')+'\") lightgray 50% / cover no-repeat')",
    "backgroundSize": "cover",
    "transition": "transform 0.3s ease 0s",
    "&:hover": {
      "transform": "scale(1.05)"
    },
    "borderRadius": "5px"
  }
}
  1. Publish the addon when finished.

Update Announcement addon

MANDATORY

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

  1. Access to Syntphony Settings.
  2. Enter the This Tenant menu.
  3. Enter the Addons section.
  4. Open the Announcement addon (also called Quick Post).
  5. Go to Forms.

Update Creation forms

We update the creation form:

  1. Go to Creation form.
  2. On the Design tab, locate the field title and add the property validation as follows:
{
    "name": "title",
    "type": "TextArea",
    "dataTestid": "title",
    "label": {
        "t": "forms.title"
    },
    "description": {
        "t": "forms.titleDescription"
    },
    "validation": {
        "required": true
    }
},
  1. Publish the addon when finished.

Update Edition Form

We update the edit form:

  1. Go to Edition form.
  2. On the Design tab, locate the field title and add the property validation as follows:
{
    "name": "title",
    "type": "TextArea",
    "dataTestid": "title",
    "label": {
        "t": "forms.title"
    },
    "description": {
        "t": "forms.titleDescription"
    },
    "validation": {
        "required": true
    },
    "value": "{base.title}"
},
  1. Publish the addon when finished.
⚠️

NOTE: IF YOU HAVE CUSTOM ADDONS THAT INHERIT FROM THE ANNOUNCEMENT, MAKE THE SAME CHANGES AS NEEDED.