title: DevExtream MultiSelect DropDown box Customize the Appearance
body: <p>In Angular 10 I am using the devExtream multi-select dropdown box now I want to show selected items in customizing like have selected 2 items in the drop-down box so it will show <strong>2 items selected</strong> on the drop-down.</p>
  <p>The Html part</p>
  <pre><code>&lt;div class=&quot;dx-field&quot;&gt;
      &lt;div class=&quot;dx-field-label&quot;&gt;DropDownBox with embedded DataGrid&lt;/div&gt;
      &lt;div class=&quot;dx-field-value&quot;&gt;
          &lt;dx-drop-down-box
                  [(value)]=&quot;gridBoxValue&quot;
                  valueExpr=&quot;ID&quot;
                  displayExpr=&quot;CompanyName&quot;
                  placeholder=&quot;Select a value...&quot;
                  [showClearButton]=&quot;true&quot;
                  [dataSource]=&quot;gridDataSource&quot;
                  (onValueChanged)=&quot;ValueChange($event)&quot;
          &gt;
  
              &lt;div *dxTemplate=&quot;let data of 'content'&quot;&gt;
                  &lt;dx-data-grid
                          [dataSource]=&quot;gridDataSource&quot;
                          [columns]=&quot;['CompanyName']&quot;
                          [selection]=&quot;{ mode: 'multiple' }&quot;
                          [hoverStateEnabled]=&quot;true&quot;
                          [paging]=&quot;{ enabled: true, pageSize: 10 }&quot;
                          [filterRow]=&quot;{ visible: true }&quot;
                          [scrolling]=&quot;{ mode: 'infinite' }&quot;
                          [height]=&quot;345&quot;
                          [(selectedRowKeys)]=&quot;gridBoxValue&quot;
                  &gt;
                  &lt;/dx-data-grid&gt;
              &lt;/div&gt;
          &lt;/dx-drop-down-box&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  <p>TS file</p>
  <pre><code>    **gridDataSource: any;
    
    gridBoxValue: number[] = [];
      constructor(http: HttpClient) {
        
          this.gridDataSource = this.makeAsyncDataSource(http);
         
      }
  
      makeAsyncDataSource(http) {
        return new CustomStore({
          loadMode: &quot;raw&quot;,
          key: &quot;ID&quot;,
          load: function() {
              return http.get(&quot;https://js.devexpress.com/Demos/WidgetsGallery/JSDemos/data/customers.json&quot;)
                  .toPromise();
          }
      });
    }
  
    
  
    ValueChange(e)
    {
     debugger;
   
    }**
  </code></pre>