I can't modify the P-dropdown size (large)

[juan186]

I've a p-dropdown like this:

Code: Select all

                <p-dropdown
                    [options]="optionsArray" 
                    [filter]="true" 
                    [baseZIndex]="10008" 
                    id="txt1"
                    maxlength="10"
                    [style]="{'minWidth':'50px', 'width': '50px'}"
                    styleClass='dropdownClass'>
                </p-dropdown>

And I can't modify the large. Always displayed with the same width.

I've tested to put it in div, and modify div with width style, but doesn't work.

[PhilHuhn]

Hey:

I used [style]

Code: Select all

  <p-dropdown id='NoteTypeId' name='NoteTypeId' [options]='networkIncident.noteTypes'
    (onChange)='onTypeIdDropdownChanged( $event.value )' [style]="{'width':'180px'}" #NoteTypeId='ngModel'
    [(ngModel)]='model.NoteTypeId' placeholder='Select a type'>
  </p-dropdown>