You are viewing limited content. For full access, please sign in.



Modern Designer: 'word wrap' a drop down input field

asked on June 14 Show version history

Has anyone found a way to make a drop down field value wrap like an excel cell? In other words, once the value has been selected, Have the input field wrap the (in our case) long value. This would push the height of the row up. 

My guess is that it is some CSS that I can't seem to figure out. Sorry, I usually do spend an hour or so hunting around before I post here :)


Thanks so much!

1 0


replied on June 18
.ng-select-container .ng-value .ng-option-label {
  display: block;
  word-wrap: break-word;
  padding-right: 25px;
  white-space: normal;

Haven't thoroughly tested this, but should be enough to get you started

5 0
replied on June 18 Show version history

Thanks for the assist! 

Final product:

I ended up throwing the class to the table in front. Also, it seams to be breaking on the word already so only used 'white-space':

.workMonthTbl .ng-select-container .ng-value .ng-option-label{
  		white-space: normal !important;

Thanks again!

1 0


You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.