Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-29632

Long text in "Configure" <td> elements do not word wrap

XMLWordPrintable

      On the configuration pages for various projects, when there is a large running paragraph of text (no returns), the text box will continue extending horizontally in the browser until there is a return/new line in the text (see attached jenkins-long-textbox.PNG). The header (jenkins-header.PNG) and footer (jenkins-footer.PNG) will fit to the window size (jenkins-css-form.PNG), but everything in between (the body) will fit to this maximum width set by the longest text line in any <td> on the configuration (jenkins-css-table.PNG).

      I've tested this issue across both latest versions of Chrome and Firefox, as well as with different adjusted browser window sizes. Using "Inspect Element", I inserted style on the above screen-captured "table" element that wrapped words (<table style="table-layout: fixed, width: 100%"> and <td style="word-wrap: break-word">), but it was messy and already at the limit of my CSS.

        1. jenkins-css-form.PNG
          jenkins-css-form.PNG
          43 kB
        2. jenkins-css-table.PNG
          jenkins-css-table.PNG
          49 kB
        3. jenkins-footer.PNG
          jenkins-footer.PNG
          7 kB
        4. jenkins-header.PNG
          jenkins-header.PNG
          3 kB
        5. jenkins-long-textbox.PNG
          jenkins-long-textbox.PNG
          14 kB

          [JENKINS-29632] Long text in "Configure" <td> elements do not word wrap

          Vijay Burgu added a comment -

          Hi,

          I am also facing the issue. Could you please suggest a solution here. I want the text to fit to my window instead of expanding to the string length.

          Thanks & Regards,
          Vijay

          Vijay Burgu added a comment - Hi, I am also facing the issue. Could you please suggest a solution here. I want the text to fit to my window instead of expanding to the string length. Thanks & Regards, Vijay

          Oleg Nenashev added a comment -

          Fixed the component. It's probably a subject for default Jenkins CSS themes, CC'ed gusreiber, who is working on configuration page layouts now.

          Oleg Nenashev added a comment - Fixed the component. It's probably a subject for default Jenkins CSS themes, CC'ed gusreiber , who is working on configuration page layouts now.

          Oleg Nenashev added a comment -

          https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin may be a workaround

          Oleg Nenashev added a comment - https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin may be a workaround

          Scott Russell added a comment -

          I upgraded to Jenkins 2.x, and this issue is no longer present.

          Scott Russell added a comment - I upgraded to Jenkins 2.x, and this issue is no longer present.

            Unassigned Unassigned
            amundsenjunior Scott Russell
            Votes:
            4 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved: