Skip to main content
Oleg_Shynkarenko
Oleg_Shynkarenko
Known Participant
August 25, 2021
Answered

The table is too wide and does not respond to settings

  • August 25, 2021
  • 5 replies
  • 704 views

The table is 600 px width, the second column is 500 px width. Every width is specified in the fields. And when the table is empty it is really 600 px width. But after I added some very long text in the cells, it expanded and went far beyond the page. The table does not respond to settings in the right panel.  When you view this table in a browser, a scroll bar appears. When you view this table in PDF, the table is simply truncated to the right.

I tried splitting the long text by moving the long line to a new line. But this led to a violation of formatting (the font has changed and the line spacing has increased).

 

The width of the table manually (with a special handle that appears when you hover the mouse over the edge of the table) is also not adjustable. How to reduce the width of the table to acceptable, so that it does not go beyond the page and does not spoil the formatting of the text?

 

    This topic has been closed for replies.
    Correct answer Amebr

    You can add the "code" tag to your stylesheet in the stylesheet interface. Then all you need to do is select the text you want to apply it to, and click the entry in the Styles panel.

     

     

    But I couldn't find a way to add the word-break code, so you'd need to add that manually after switching to code view in your stylesheet.

     

    It'll end up looking like:

    code {
  word-break: break-all;
}

     

    5 replies

    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    August 30, 2021

    Regarding the font, by default it will be your browser's monospace font, but you should be able to change it in the stylesheet. Just choose the font you want for the code tag.

      K
      KarenMinOR
      Inspiring
      August 26, 2021

      You might find the HTML tag

      <wbr>

       helpful in this instance. You'd place it in your HTML table cells where it's OK to break the line. See more at HTML wbr Tag (w3schools.com).

      A
      Community Expert
      AmebrCommunity ExpertCorrect answer
      Community Expert
      August 26, 2021

      You can add the "code" tag to your stylesheet in the stylesheet interface. Then all you need to do is select the text you want to apply it to, and click the entry in the Styles panel.

       

       

      But I couldn't find a way to add the word-break code, so you'd need to add that manually after switching to code view in your stylesheet.

       

      It'll end up looking like:

      code {
  word-break: break-all;
}

       

        Oleg_Shynkarenko
        Oleg_ShynkarenkoAuthor
        Known Participant
        August 27, 2021

        Wow! Thank you! It works! But the only minus is font. It is not my font from the other parts of the doc. And I cannot change it even when I edit it in Style. Why is it so?

         

        S
        Community Manager
        Stefan GentzCommunity Manager
        Community Manager
        August 25, 2021

        If there is a single string of characters longer than the available space of the parent element (here: table column width),  browsers and other html rendering engines cannot break the line until there is a space.

        Check this to understand more details:

        https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

         

        In such a scenario, you will have to set the "word-break" property to "break-all" for the parent element of your long string.

         

        Best would be to have a special style (e.g., <code>) and apply it to the string and define word-break: break-all for it in your CSS.

          Oleg_Shynkarenko
          Oleg_ShynkarenkoAuthor
          Known Participant
          August 25, 2021

          I understand the idea, but I do not understand how to realize it in the RH. I need not only add some HTML-code to the page, but also to CSS. And this is much more complicated task as CSS for RH page is very complicated itself and I can spoil it.

          Peter Grainge
          Community Expert
          Peter GraingeCommunity Expert
          Community Expert
          August 25, 2021

          Are you using 2019 or 2020 and which update do you have. Look in the help menu and let us know the version.

          ________________________________________________________
          See www.grainge.org for free Authoring and RoboHelp Information

          Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
            Oleg_Shynkarenko
            Oleg_ShynkarenkoAuthor
            Known Participant
            August 25, 2021

             

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices