How to change line using <div> withen <rich:column>?

[anicapil]

I want to change line after 330px. Any idea how can i fix this. Thanks

<rich:columns

            var="argumentType"

            index="index"

            value="#{countriesManager.getArgumentTypesForChannel()}"

            style="white-space:nowrap" >

        <div style="width:330px;overflow:auto;">

            <h:outputText value="#{model.masterArgumentArray[index].value}" styleClass="breakWord"/>

        </div>

    </rich:columns>

[ilya_shaikovsky]

does scrolls not appears?

[anicapil]

it does.. but it scrolls verticle and i want horizantel :-

[anicapil]

my input string is 200 char long.. i just want that it to display in three, four or how many row's it takes.. instead to display in long column which destroyed the view :-(

[ilya_shaikovsky]

<div style="width: 300px; overflow-y: hidden; white-space: nowrap; overflow-x: scroll;">long content there</div>

should works.

[anicapil]

It has same effect... column is fixed and got bottom scroll. But it still scroll left and right. I want to scroll up and down. If i changed y and x to x and y... it still not work :-

[javaxchange]

Hi Anil,

I think your requirement is

1. You want only vertical scroll bar

2. If the text length exceeds the limit, you want it to be wrapped to the next line

try this,

<div style="width:330px; overflow-y:scroll; overflow-x:hidden; white-space:normal; height:30px;">

     <h:outputText value="something"/>

</div>

If my understanding is right hope this will solve your issue.

Rgds,

Sreejith.PS

[ilya_shaikovsky]

yup you're right... And I was just confused by

it does.. but it scrolls verticle and i want horizantel :-

thought that horizontal is needed and there about scrolling

[anicapil]

O Yes! It works. Thanks a lot...so kind of you. :-)))