Skip to end of metadata
Go to start of metadata

Hi,

I have a set width for the content panel, which seems to work for everything so far except for a

\{code\}

block with long lines. I'd like them to wrap. Here is the HTML that's produced:

<div class="code panel" style="border-width: 1px;"><div class="codeContent panelContent">
<pre class="code-java">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

</pre>
</div></div>

Is there any way to get the code block to wrap instead of run off the content panel? Here's an example of what I mean: https://wiki.cagrid.org/display/downloads/runon

  • No labels

2 Comments

  1. Set its width through css ... I would strongly recommend that you do some reading into CSS and its use for styling HTML.

    {style}
    .code {
     width: 300px;
    }
    {style}
    {code}
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    {code}
    

    Which produces:

    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine
    
    1. Unknown User (jpermar)

      Alain,

      Thanks again. I didn't think setting \.code css style would work, since it produces a div above. Of course, I was wrong. I see that css definition in the confluence css now.