fix: added chart=chartjs as a selector. cleaned demo

Author: frankpagan

src/dashboard.html

@@ -74,18 +74,15 @@
       <!--<div class="domEditor main-height" name='cards1' collection="test" document_id="5f075add24d24a175fca5490" pass_id="me1234" >-->
       <div class="domEditor main-height" name='cards1' collection="test" pass_id="me1234" >
 
-          <div class="isotope-grid resize-grid" dnd-group-name="dashboard" droppable="true" class="dnd"
-            isotope-itemselector="grid-item" 
-            isotope-layoutMode="masonry" 
-            isotope-columnWidth="1"
+          <div dnd-group-name="dashboard" droppable="true" class="dnd"
             resizable="true"
-            resize-itemselector="grid-item"
+            resize-itemselector=""
             resize-snapWidth="10"
             resize-snapHeight="10"
             resize-edges="0 1 1 0">
 
           <!--<div class="display:flex">-->
-            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23% width:47%@xs width:47%@sm width:23%@md" draggable="true" element_id="id1">
+            <div class="card display:inline-flex padding:20px align-items:center margin:1% width:23% width:47%@xs width:47%@sm width:23%@md" draggable="true" element_id="id1">
               <div class="padding-right:20px">
                 <h2>Visits</h2>
                 <p>Total visits today</p>
@@ -101,7 +98,7 @@ <h2>$4000</h2>
               </div>
             </div>
 
-            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23%  width:47%@xs width:47%@sm width:23%@md" draggable="true" element_id="id2">
+            <div class="card display:inline-flex padding:20px align-items:center margin:1% width:23%  width:47%@xs width:47%@sm width:23%@md" draggable="true" element_id="id2">
               <div class="padding-right:20px">
                 <h2>Orders</h2>
                 <p>Total visits today</p>
@@ -117,7 +114,7 @@ <h2>$1000</h2>
               </div>
             </div>
 
-            <div class="card display:inline-flex padding:20px align-items:center margin:1% grid-item width:23%  width:47%@xs width:47%@sm width:23%@md" draggable="true" element_id="id3">
+            <div class="card display:inline-flex padding:20px align-items:center margin:1% width:23%  width:47%@xs width:47%@sm width:23%@md" draggable="true" element_id="id3">
               <div class="padding-right:20px">
                 <h2>Sales</h2>
                 <p>Total visits today</p>
@@ -134,7 +131,7 @@ <h2>$500</h2>
             </div>
           </div>  
             <!-- sortable card -->
-            <!--<div id="card" class="card margin:5px border-radius-2px flex-grow-1 template grid-item" style="width:calc( 20% - 10px )">-->
+            <!--<div id="card" class="card margin:5px border-radius-2px flex-grow-1 template " style="width:calc( 20% - 10px )">-->
             <!--  <div class="margin:15px font-size:18px color-dark-gray">-->
             <!--    <span class="display:inline-block">-->
             <!--      <input collection="module_activity" pass_id="form-fields" data-module_activity_id="" name="clone-name" id="stage-name" class="input_field" placeholder="card">-->