improved toolbar partial view

joeharrison714 · Mar 25, 2015 · 29dc314 · 29dc314
1 parent f382ec0
commit 29dc314
Showing 1 changed file with 23 additions and 21 deletions.
diff --git a/MVCGridExample/Views/Shared/_MVCGridToolbar.cshtml b/MVCGridExample/Views/Shared/_MVCGridToolbar.cshtml
@@ -4,7 +4,7 @@
 }
 
 <div class="row">
-    <div class="col-md-4">
+    <div class="col-md-2">
         <div class="form-inline">
             @if (Model.PageSize) { 
             <div class="form-group">
@@ -20,30 +20,32 @@
             }
         </div>
     </div>
-    <div class="col-md-4">
-        <div class="btn-group">
-            @if (Model.ColumnVisibility) { 
+    <div class="col-md-10">
+        <div class="form-inline pull-right">
             <div class="btn-group">
-                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-                    <span class="glyphicon glyphicon-list" aria-hidden="true"></span> Fields
-                </button>
-                <ul class="dropdown-menu" role="menu" data-mvcgrid-type="columnVisibilityList" data-mvcgrid-name="@(gridName)"></ul>
+                @if (Model.ColumnVisibility)
+                {
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+                            <span class="glyphicon glyphicon-list" aria-hidden="true"></span> Fields
+                        </button>
+                        <ul class="dropdown-menu" role="menu" data-mvcgrid-type="columnVisibilityList" data-mvcgrid-name="@(gridName)"></ul>
+                    </div>
+                }
+                @if (Model.Export)
+                {
+                    <button class="btn btn-default" data-mvcgrid-type="export" data-mvcgrid-name="@(gridName)">
+                        <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Export
+                    </button>
+                }
             </div>
-            }
-            @if (Model.Export) { 
-            <button class="btn btn-default" data-mvcgrid-type="export" data-mvcgrid-name="@(gridName)">
-                <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Export
-            </button>
-            }
-        </div>
-    </div>
-    <div class="col-md-4">
-        <div class="form-inline">
-            @if (Model.GlobalSearch) { 
-            <div class="form-group pull-right">
+
+@if (Model.GlobalSearch) {
+            <span>&nbsp;</span>
+            <div class="form-group">
                 <label>Search: <input type="search" placeholder="Search" class="form-control" data-mvcgrid-type="additionalQueryOption" data-mvcgrid-option="search" data-mvcgrid-name="@(gridName)"></label>
             </div>
-            }
+}
         </div>
     </div>
 </div>