Fix width of drop down menu in select option

30889
4
Jump to solution
02-15-2018 02:59 AM
mohannainar1
New Contributor III

Hi,

I want both dropdown and option menu should be in same width. In the below image option is bigger than dropdown width . Is there any way to make it fixed width for both dropdown and option.

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Mohan,

   Strange I tested in Chrome as well and it worked fine (as shown in the screen shot).

View solution in original post

0 Kudos
4 Replies
RobertScheitlin__GISP
MVP Emeritus

Mohan,

   That is actually not an easy task. Here is a css rule that will clip the width (not very ideal):

.dijitPopup.dijitMenuPopup {
  width: 220px;
  overflow:hidden;
}
mohannainar1
New Contributor III

I added the above code in style.css file , its not reflecting in application. Trying in Chrome browser.

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Mohan,

   Strange I tested in Chrome as well and it worked fine (as shown in the screen shot).

0 Kudos
mohannainar1
New Contributor III

Thank you robert.

0 Kudos