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

Question

Question

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

Forms Version 11 Forms Layout Designer
Updated June 18, 2024
asked on June 14, 2024 • 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, 2024 
.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, 2024 • 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

Replies

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.

Details
Related Posts
Loading ...