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

Question

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

Forms Version 11 Forms Layout Designer

Updated June 18

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

Answer

SELECTED ANSWER

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

Sign in to reply to this post.

Asked June 14
Updated June 18
126 views

Question

Question

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

Answer

Replies

Sign in to reply to this post.