Announcement

Collapse
No announcement yet.

Empty space after wysiwyg field in custom relationship side panel

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Empty space after wysiwyg field in custom relationship side panel

    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:

    Code:
            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.

    Click image for larger version  Name:	 Views:	0 Size:	33.5 KB ID:	85994


    Do you have any ideas how to fix this?​
    Last edited by Aleksey; 12-05-2022, 08:06 PM.

  • #2
    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 ,
    Last edited by item; 12-05-2022, 08:45 PM. Reason: x

    Comment


    • #3
      Originally posted by item View Post
      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.

      Code:
      /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
      Code:
      <div class="html-container">
      and
      Code:
      </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/
      Last edited by Aleksey; 12-05-2022, 10:48 PM.

      Comment

      Working...
      X