Open full view…

Text wrapping in SelectOne choices

Thu, 01 Aug 2019 21:50:41 GMT

I have an issue I don't understand. I have a SelectOne field with two choices, set to display horizontally. This field is easily wide enough to accommodate the two options, yet it is wrapping the text of one of the options onto a second line. It has something to do with the length of the selection (which is a person's name, and not unusually lengthy), because the wrapping occurs no matter which order I put the options in. See the attached screenshots of the field. [Name wrap field](//muut.com/u/hclleapforum/s3/:hclleapforum:qVw4:namewrapfield.jpg.jpg) [Name wrap sample](//muut.com/u/hclleapforum/s3/:hclleapforum:gzJK:namewrapsample.jpg.jpg) I know there is a way, using CSS, to make changes to the spacing. I tried the CSS demonstrated at https://www.ibm.com/developerworks/community/forums/html/topic?id=2cfb4ffa-77b8-4d74-89e8-e688bdd68b2a&ps=25 but I must be misunderstanding something because it has no effect. I know next to nothing about CSS so I guess I need some elementary instructions on how to get rid of this text wrapping. Thanks!

Fri, 02 Aug 2019 18:18:12 GMT

First off...it looks like you are using an old version of FEB. I can not reproduce your error in Leap. Second ... are you using an addition css beyond the FEB style sheet? There may be a conflict which is limiting the width of the field. Also have you tried different FEB style sheets? Third you might try adding some CSS in an HTML fragment. <style> .width {width: 100%;} </style> And then enter 'width' into the select one custom css property. I'd be happy to look at if there was some way from me to run your app?

Fri, 09 Aug 2019 19:41:14 GMT

Thanks for the reply, Marty! Yes, we are still using FEB 8.6.4. *blush* Hope to upgrade soon, though. Thanks for the guidance. I was finally able to get it to work with this CSS; .lfMn .selection-group-item-text-container { width: 10em; } I thought I had tried something like this before, but evidently I hadn't. Anyway, thanks again for the help.