Lock block

[chen665]

Using 'react-email-editor,' I have created a custom row that is added to every email created in the editor. This row should be locked so the user cannot delete or edit it but can drag it to change its placement.

Here is the JSON of my custom row:

{
            id: 'footer',
            cells: [1],
            columns: [
              {
                id: 'Ret06MioaO',
                contents: [
                  {
                    id: '_3Kpneo8mv',
                    type: 'text',
                    values: {
                      containerPadding: '10px',
                      anchor: '',
                      fontSize: '14px',
                      ...
                      hideDesktop: false,
                      displayCondition: null,
                      _styleGuide: null,
                      _meta: {
                        htmlID: 'u_content_text_3',
                        htmlClassNames: 'u_content_text',
                      },
                      selectable: false,
                      draggable: false,
                      duplicatable: false,
                      deletable: false,
                      hideable: false,
                      text: '<div id="footer_content">${companyInfoHTML}\n${unsubscribeHTML}</div><div id="footer_content_end" style="display:none;"></div>',
                      _languages: {},
                    },
                  },
                ],
                values: {
                  _meta: {
                    htmlID: 'u_column_3',
                    htmlClassNames: 'u_column',
                  },
                  backgroundColor: '#ffffff',
                },
              },
            ],
            custom: false,
            values: {
              custom: false,
              displayCondition: null,
              columns: false,
              _styleGuide: null,
              backgroundColor: '',
              columnsBackgroundColor: '',
              ...
              selectable: true,
              draggable: true,
              duplicatable: false,
              deletable: false,
              hideable: false,
        },
 }

As a result, I have a row that cannot be deleted, and the column inside it also cannot be deleted.
Unfortunately, selecting the row allows the user to change the row's division into multiple columns and then delete the original column, which should not be delectable.

How can I prevent changing the row division or at least prevent the original column from being deleted?

Screen.Recording.2024-10-21.at.17.13.02.mov

[adeelraza]

Please check: https://docs.unlayer.com/docs/template-permissions