Drop-down list unable to display full details

Hi K2 Developer 

Please navigate to this link https://help.k2.com/onlinehelp/k2five/userguide/5.2/default.htm#Tutorials/Advanced/Expense%20Claim/02Forms/08CreateExpClaimDetailsView.htm

You should find text wrap drop-down checked as attached in the screenshot below:-

Please feel free to ask for further clarity ,Should you feel that this post is of use and or an accurate solution to the raised question, I kindly encourage you to mark it as such using the 'Mark as Solution', 'Kudo' andor ‘Me Too’ options.

Kind Regards

Widson

K2 will not accept any liability for any issues arising from actions taken in respect of the information provided by any forum member

Hi Widson,

Thanks for you reply.

I can't find "Wrap Text" checkbox in properties tab.
For your information, I am trying to do the setting in drop down list control instead of list view.

Hi

dropdown controls were not origionally designed to accomodate for extremely long text but rather to contain short key word for user to do quick selecting, this would also explain why the control does not have a wrap text option and in return displays the dotted dots as representation of continuing text. Logging this as a feature to obtain the ability to wrap text on those controls should resolve this issue. 

Additional Note: I also noticed that none of the List controls hav ethe wrap text options (checkbox list, radio button list, dropdown list, choice control, etc)

K2 will not accept any liability for any issues arising from actions taken in respect of the information provided by any forum member.

Kind Regards

Elvis

Hi Hmhok

For an out of the box solution to wrap your drop down lists selection options I would agree logging a feature request for the functionality would be your best best. You can do so using the following link: https://ideas.k2.com/ideas/new

As for an non out of the box solutionworkaround, you can make use of the following custom code, please see the steps below on how to use it:

$('li').css({"height":"50px"});

$('span').css({"overflow":"visible"});

$('a').css({"text-overflow":"clip","white-space":"pre-wrap","word-wrap":"break-word","overflow":"visible"});

Result:

Note: This change will wrap the text in you selectable options within your drop down list however the on hover color change will now seem out of sync when attempting to make a selection from the dropdown list as the wrapped section of the text will not be included in the color change when hovering over an option. also note my testing was done only based on static values.

In addition to the above please keep in mind that K2 will not take any liability for any custom code or custom changes made nor will they support it. 

References :

The expression used in step 4 can also be used to auto fit and wrap text within a button.

https://community.k2.com/t5/K2-Cloud/Auto-Resize-A-Button/td-p/108474

Should you feel that this post is of use and or an accurate solution to the raised question, I kindly encourage you to mark it as such using the 'Mark as Solution', 'Kudo' andor ‘Me Too’ options.

Kind Regards

Raymond

Hi  hmkok

Please follow the steps bellow:

• .Add the text box on itemview
• Now you can click drop down list  and select the  sentance you want.

Please dont forget to mark this article as both KUDOS and solution or Kudos only

Regards

Elvis

Good day hmkok

There is no ootb function like this as of yet. An easy alternative is to set the with of the dropdown, found in the property pane under "General", slightly wider to accommodate the cut of strings. See the screenshots below:

1. With is 20% and the test string is cut off

If this post answered your question would you be so kind as to mark it as a solution/Kudo?

Thank you in advance

Kind Regards

Jacques.

[K2 will not accept any liability for any issues arising from actions taken in respect of the information provided by any forum member]