some fix regarding multi-select

src/app/app.component.html

@@ -29,7 +29,7 @@
         </li>
       </ul>
     </div>
-    <div class="col-lg-10" style="padding-top: 5px">
+    <div class="col-lg-10" style="padding-top: 5px;">
       <router-outlet></router-outlet>
     </div>
   </div>

src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html

@@ -11,10 +11,10 @@
 
 
     <ng-container psDataGridCol="id">
-        <div *psDataGridColHeader>ID</div>
+        <ng-container *psDataGridColHeader>ID</ng-container>
         <psbx-ds-text-filter *psDataGridCellFilter [dataSource]="merchantDataSource" path="id"></psbx-ds-text-filter>
         <psbx-grid-sorting *psDataGridColSort [dataSource]="merchantDataSource" path="id"></psbx-grid-sorting>
-        <div *psDataGridCell="let model">{{model.id}}</div>
+        <ng-container *psDataGridCell="let model">{{model.id}}</ng-container>
         <!--<psbx-number-filter *psDataGridCellFilter [dataSource]="merchantDataSource" path="id"></psbx-number-filter>-->
         <!--<psbx-grid-sorting *psDataGridColSort path="id" [dataSource]="merchantDataSource"></psbx-grid-sorting>-->
         <!-- <psfa-ds-sort-icon *psDataGridColSort [sortPath]="id" [dataSource]="merchantDataSource">
@@ -31,31 +31,31 @@
     </ng-container>
 
     <ng-container psDataGridCol="name">
-        <div *psDataGridColHeader>Name</div>
+        <ng-container *psDataGridColHeader>Name</ng-container>
         <psbx-ds-text-filter *psDataGridCellFilter [dataSource]="merchantDataSource" path="name"></psbx-ds-text-filter>
         <psbx-grid-sorting *psDataGridColSort [dataSource]="merchantDataSource" path="name"></psbx-grid-sorting>
-        <div *psDataGridCell="let model">{{model.name}}</div>
+        <ng-container *psDataGridCell="let model">{{model.name}}</ng-container>
     </ng-container>
 
     <ng-container psDataGridCol="address">
-        <div *psDataGridColHeader>Address</div>
-        <div *psDataGridCell="let model">{{model.address}}</div>
+        <ng-container *psDataGridColHeader>Address</ng-container>
+        <ng-container *psDataGridCell="let model">{{model.address}}</ng-container>
         <psbx-ds-text-filter *psDataGridCellFilter [dataSource]="merchantDataSource" path="address">
         </psbx-ds-text-filter>
         <psbx-grid-sorting *psDataGridColSort [dataSource]="merchantDataSource" path="address"></psbx-grid-sorting>
     </ng-container>
 
     <ng-container psDataGridCol="ordering">
-        <div *psDataGridColHeader>Priority</div>
-        <div *psDataGridCell="let model">{{model.ordering}}</div>
+        <ng-container *psDataGridColHeader>Priority</ng-container>
+        <ng-container *psDataGridCell="let model">{{model.ordering}}</ng-container>
         <psbx-number-filter *psDataGridCellFilter [dataSource]="merchantDataSource" path="ordering">
         </psbx-number-filter>
         <psbx-grid-sorting *psDataGridColSort [dataSource]="merchantDataSource" path="ordering"></psbx-grid-sorting>
     </ng-container>
 
     <ng-container psDataGridCol="openDate">
-        <div *psDataGridColHeader>Open Date</div>
-        <div *psDataGridCell="let model">{{model.openDate}}</div>
+        <ng-container *psDataGridColHeader>Open Date</ng-container>
+        <ng-container *psDataGridCell="let model">{{model.openDate}}</ng-container>
         <psbx-datetime-filter *psDataGridCellFilter [dataSource]="merchantDataSource" path="openDate">
         </psbx-datetime-filter>
         <psbx-grid-sorting *psDataGridColSort [dataSource]="merchantDataSource" path="openDate"></psbx-grid-sorting>
@@ -64,12 +64,15 @@
     <ng-container psDataGridCol="commands">
         <ng-container *psDataGridColHeader>Actions</ng-container>
         <ng-container *psDataGridCell="let model">
-            <button class="btn-info btn" psbxCommandModal [commandTitle]="'Change ' + model.name + ' name'"
+            <div class="btn-group">
+                <button class="btn-info btn" psbxCommandModal [commandTitle]="'Change ' + model.name + ' name'"
                 commandText="Update" [dataSource]="merchantDataSource" command="changeMerchant" [model]="model"
                 [template]="theModal">Change</button>
             <button class="btn-danger btn" psbxConfirmModal
                 [commandTitle]="'Are you sure you wnat to remove ' + model.name + '?'" commandText="Remove"
                 [dataSource]="merchantDataSource" command="removeMerchant" [model]="model">Remove</button>
+            </div>
+            
         </ng-container>
     </ng-container>
     <ng-container *psDataGridFooter>

src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.html

@@ -24,10 +24,16 @@ selected:  {{ myForm.value | json }}
         <img src="assets/32x32-blue.png"><span>Name: </span>{{ item.name }} - <span> Address: </span>{{item.address }}
     </div>
 </ps-ng-select>
+selected: {{ myValue3 | json }} 
 
  <h2>Multi-Select Demo</h2>
 <ps-ng-multi-select [dataSource]="merchantDataSource4" bindLabel="name" bindValue="id"  [serverFiltering]="true" [(ngModel)]="myValue4" >
-
+    <div   *psNgSelectOption="let item">
+        <img src="assets/32x32-blue.png"><span>Name: </span>{{ item.name }} - <span> Address: </span>{{item.address }}
+    </div>
+    <ng-container  *psNgSelectLabel="let item;">
+        {{ item.name }}
+    </ng-container>
 </ps-ng-multi-select>
-selected: {{ myValue | json }} 
+selected: {{ myValue4 | json }} 
 

src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.ts

@@ -20,11 +20,12 @@ export class NgSelectDemoComponent implements OnInit {
   merchantDataSource4: IDataSource<IMerchant>;   
   
   selectedValue: IMerchant;
-  selectedValue2: IMerchant;
-  selectedValue3: IMerchant;
-  selectedValue4: IMerchant;
+
   myForm: FormGroup;
   myValue: string;
+  myValue2: string;
+  myValue3: string;
+  myValue4: string;
 
   constructor(private merchantService: MerchantService, private fb: FormBuilder
               ) {