# Wallet rendering

Wallet rendering is defined by this standard [https://identity.foundation/wallet-rendering/](https://identity.foundation/wallet-rendering/)

In the wallet card details screen the Title of the card and Subtitle of the card are attributes “title” an “subtitle” from the output\_descriptors.display. The accordion “Description” is the description attribute of the same output\_descriptors.diplay.

The “Informations” accordion of Altme is made up of all properties of the output\_descriptors.properties.

Altme supports type “string” with specific format “email”, “uri”, “date”, hour” and other types as “number”, “integer” and “bool”. See an example here :

```
{ "output_descriptors":[
                      {
                        "id": "00000000",
                        "schema": "Test",
                        "display": {
                          "title": {
                              "path": [],
                              "schema": {
                                "type": "string"
                              },
                              "fallback": "VC for Test"
                            },
                            "subtitle": {
                              "path": [],
                              "schema": {
                                "type": "string"
                              },
                              "fallback": "Type and format"
                            },
                          "description": {
                            "path": [],
                            "schema": {
                              "type": "string"
                            },
                            "fallback": "This VC is made up for testing prupose."
                          },
                          "properties": [
                            {
                              "path": ["$.credentialSubject.integer"],
                              "schema": {
                                "type": "integer"
                              },
                              "fallback": "Unknown",
                              "label": "integer"
                            },
                            {
                              "path": ["$.credentialSubject.number"],
                              "schema": {
                                "type": "number"
                              },
                              "fallback": "Unknown",
                              "label": "number"
                            },
                            {
                              "path": ["$.credentialSubject.bool"],
                              "schema": {
                                "type": "bool"
                              },
                              "fallback": "Unknown",
                              "label": "bool"
                            },
                            {
                              "path": ["$.credentialSubject.uri"],
                              "schema": {
                                "type": "text",
                                "format" : "uri"
                              },
                              "fallback": "Unknown",
                              "label": "uri"
                            },
                            {
                              "path": ["$.credentialSubject.email"],
                              "schema": {
                                "type": "text",
                                "format" : "email"
                              },
                              "fallback": "Unknown",
                              "label": "email"
                            }
                          ]
}
```

!\[Example of a card details screen ]\([https://github.com/TalaoDAO/wallet-interaction/blob/main/Cards%20details%20\_%20status%20active.png](https://github.com/TalaoDAO/wallet-interaction/blob/main/Cards%20details%20_%20status%20active.png))

An example here with output descriptors :

```
{
            "id":"PC_01",
            "issuer":{
              "id":"did:tz:tz1NyjrTUNxDpPaqNZ84ipGELAcTWYg6s5Du",
              "name":"Talao issuer",
              "styles": {
                "thumbnail": {
                  "uri": "https://talao.mypinata.cloud/ipfs/QmU8z1aDDpbgVjXwU8nMvgU3YD4VeUzHTkitsELZRFBBZa",
                  "alt": "Talao logo"
                },
                "background": {
                "color": "#ffffff"
                },
                "text": {
                "color": "#d4d400"
                }
              }
            },
            "output_descriptors":[
                      {
                        "id": "PCDS_01",
                        "schema": "PCDSAuditorCertificate",
                        "display": {
                          "title": {
                            "path": ["$.name"],
                            "schema": {
                              "type": "string"
                            },
                            "fallback": "Title fallback"
                          },
                          "subtitle": {
                            "path": ["$.description"],
                            "schema": {
                              "type": "string"
                            },
                            "fallback": "Subtitle fallback"
                          },
                          "description": {
                            "text": "This is an electronic version of a PCDS auditor certificate for testing purposes."
                          },
                          "properties": [
                            {
                              "path": ["$.credentialSubject.category"],
                              "schema": {
                                "type": "string"
                              },
                              "fallback": "Unknown category",
                              "label": "Certificate category"
                            },
                            {
                              "path": ["$.credentialSubject.familyName"],
                              "schema": {
                                "type": "string"
                              },
                              "fallback": "Unknown auditor name",
                              "label": "Auditor name"
                            },
                            {
                              "path": ["$.credentialSubject.certificationDate"],
                              "schema": {
                                "type": "string"
                              },
                              "fallback": "Unknown certification date",
                              "label": "Certification Date"
                            },
                            {
                              "path": ["$.credentialSubject.validity"],
                              "schema": {
                                "type": "string"
                              },
                              "fallback": "Unknown validity",
                              "label": "Certificate validity"
                            }
                          ]
                        }
                      }
            ],
            "presentation_definition":{}
          }
```
