Wj-multi-auto-complete showDropDownButton not working

Wj-multi-auto-complete showDropDownButton not working

Posted by: johnny.su on 23 September 2020, 1:12 pm EST

• 

  johnny.su

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 23 September 2020, 1:12 pm EST

  Hi,

  I’m using the Angular wj-multi-auto-complete component and by default the dropdown button is not shown on the input by default. I tried setting showDropDownButton to true and the dropdown button is still not showing.

  Do I have the correct syntax here?
  
  <wj-multi-auto-complete #tranCodesInput
  
  [clickAction]=“2”
  
  [itemsSource]=“tranCodes”
  
  [selectedItems]=“selectedTranCodes”
  
  [displayMemberPath]=“‘display’”
  
  [selectedValuePath]=“‘code’”
  
  [headerPath]=“‘code’”
  
  [isContentHtml]=“true”
  
  [showDropDownButton]=“true”>
  
  

  Thanks,
  
  Johnny

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 24 September 2020, 9:19 am EST

  Hi Johnny,

  Even if you will use the showDropDownButton property, the MultiAutoComplete will not display the drop-down because it is not designed to do so.
  
  You will need the following CSS to display the drop-down button:

  .wj-multi-autocomplete .wj-input-group-btn {
      display: table-cell !important;
  }
  

  Regards,
  
  Ashwin

• 

  johnny.su

  • Post Options:
  • Link
    Copy

  Posted 24 September 2020, 11:25 am EST

  Thanks Ashwin!