Radio Button List Control Text Wrapping

  • 15 February 2022
  • 0 replies
  • 277 views

Userlevel 5
Badge +20
 

Radio Button List Control Text Wrapping

kbt151516

PRODUCT
K2 Five
TAGS
Controls
How to Document
This article was created in response to a support issue logged with K2. The content may include typographical errors and may be revised at any time without notice. This article is not considered official documentation for K2 software and is provided "as is" with no warranties.

Objective

How to wrap text inside a Radio Button List Control.

Before You Begin

The Radio Button List Control does not wrap text by design.

Image

As an alternative, you may use a Radio Button Group control to work around the behavior. Image

This requires at least the K2 Five 5.1 FP 10 to work as expected.

How-to Steps

  1. Navigate to ...K2 smartforms RuntimeStylesThemes
  2. Make a backup of the theme in use (eg. Platinum.css)
  3. Open and edit the stylesheet to add the following snippet:
    .theme-entry .stack-container .stack div.multi-select-box-list-item label.input-control .input-control-text
    {
       display: -webkit-box;
       vertical-align: top;
       white-space: normal;
       overflow: visible;
       text-overflow: ellipsis;
       max-width: calc(100% - 20px);
       margin: 0; float: none;
    }
  4. Save and close the stylesheet that was modified
  5. Perform an IISRESET
  6. Clear the browser cache before reloading the view or form with the Radio Button List control.

Image

Before applying a CU/FP or performing an upgrade, make a backup of the stylesheet as this process may overwrite the changes.

 

 


0 replies

Be the first to reply!

Reply