Empty space after wysiwyg field in custom relationship side panel

[Aleksey]

Hi.
I have trouble with styling custom side panel. The empty space appears after the wysiwyg block. Also there is a line break before the wysiwyg field.




The html/css code has no extra lines in the block.




In listLayout I have this configuration:

        listLayout: {
            rows: [
                [
                    {
                        name: 'listTitle',
                        link: true,
                    },
                ],
                [
                    {name: 'status'},
                    {name: 'dateStart'},
                    {name: 'printPdf'},
                ]
            ]
        },​

This looks ugly when another panel without wysiwyg field doesn't have that padding.




Do you have any ideas how to fix this?

[item]

Hello, maybe

i think you JSON is not valid,
as you not give full json .. check here : https://jsonformatter.curiousconcept.com/

{
name: 'listTitle',
link: true,
}, <---- ,

i think you must remove the ,

[Aleksey]

Hello, maybe

i think you JSON is not valid,
as you not give full json .. check here : https://jsonformatter.curiousconcept.com/

{
name: 'listTitle',
link: true,
}, <---- ,

i think you must remove the ,

item, thanks for your reply.

It's JS and it's ok.

/client/custom/src/views/record/panels/payments-panel.js

I think the solution is to create a separate custom field with a link without using wysiwyg, but that's a much longer process.

And I don't know how to bypass HTML tags escaping in a custom field.

I just need to remove

<div class="html-container">

and

</div>

Probably creating a custom field view is the only solution. I used this guide to create a custom field view but I got HTML-escaped value &lt; &gt; on < >
https://docs.espocrm.com/development/custom-field-type/