header

LayoutComponent ❌ Theme ✅ Options ✅ Content & Translations

To edit the Header, you need to edit the layout-component header and send a PATCH request on /widgets/layout-component/{layout-component-id} and specify the following options in the options property.

Element	Description	Component options
user	Text element in the footer.	To display the user email address, set isShown to true.
mainTitle	Main title in the Header.	DidomiTextOptions
introductionTitle	Description text element below main title.	DidomiTextOptions
logo	Logo placeholder at the top of the header.	DidomiImageOptions
logoWrapper	Logo container.	DidomiStyle
bannerImage	Banner image below the introductionTitle.	DidomiImageOptions

PATCH https://api.didomi.io/widgets/layout-components/{layout_component_id}?organization_id=YOUR_ORG_ID&widget_id=YOUR_WIDGET_ID

{
    "type": "footer",
    "organization_id": "String",
    "options": {
        "user": {
            "isShown": Boolean
        },
        "mainTitle": {
            "style": {
                "default": {
                    "color": "",
                    "fontSize": "",
                    "lineHeight": "",
                    "fontWeight": ""
                }
            },        
            "content": {
                "en": "YOUR_TITLE",
                "fr": "VOTRE_TITRE"
            }
        },
        "introductionTitle": {
            "style": {
                "default": {
                    "color": "",
                    "fontSize": "",
                    "lineHeight": "",
                    "fontWeight": ""
                }
            },        
            "content": {
                "en": "YOUR_INTRODUCTION",
                "fr": "VOTRE_INTRODUCTION"
            }
        },
        "logo": {
            "src": "YOUR_URL",
            "style": {
                "default": {
                      "padding": "",
                      "margin": "",
                      "width": ""
                }
            }            
        },
        "logoWrapper": {}
        "bannerImage": {
            "src": "YOUR_URL",
            "style": {
                "default": {
                      "padding": "",
                      "margin": "",
                      "width": ""
                }
            }            
        } 
    }
}