Foundation for map/searchform. Form button.
authorLaury GvR <laury@gaslightmedia.com>
Tue, 19 Aug 2014 13:32:42 +0000 (09:32 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 19 Aug 2014 13:36:49 +0000 (09:36 -0400)
Map and searchform are now more responsive, submit has button class.

Toolkit/Members/Map.php
Toolkit/Members/css/member.css
Toolkit/Members/templates/memberSearchForm.tpl
templates/toolbox.html

index a2c92d5..64653ac 100644 (file)
@@ -84,16 +84,16 @@ class Toolkit_Members_Map
      *
      * @return string
      */
-    public function toHtml($id = "map-canvas", $w = "100%", $h = "300px")
+    public function toHtml($class="small-12 medium-6 large-6 columns", $id = "map-canvas", $h = "500px", $w = "100%")
     {
         $GLOBALS['bottomScripts'][]
             = MEDIA_BASE_URL . 'Toolkit/Members/libjs/google-map.js';
         $GLOBALS['bottomScripts'][]
             = 'http://maps.google.com/maps/api/js?sensor=false';
 
-        $format = '<div id="%s" style="width: %s;height: %s"></div>';
+        $format = '<div id="mapContainer" class="%s"><div id="%s" style="height: %s;width: %s"></div></div>';
 
-        return sprintf($format, $id, $w, $h);
+        return sprintf($format, $class, $id, $h, $w);
     }
 
     //    }}}
index 6d99a8b..8024ddd 100755 (executable)
@@ -1,8 +1,9 @@
 /* Member Search and display */
 #category-search {
-    clear: both;
-    padding: 0;
+/*    clear: both;*/
+    padding: 0px, 10px, 0px, 10px;
     margin-top: 22px;
+
 }
 #category-search li {
     list-style-image:none;
@@ -46,6 +47,17 @@ background-color: #ffffff;
   position: relative;
   width: 100px;
 }
+#category-search fieldset ol:lastchild {
+    
+      text-align: center !important;
+}
+#category-search .button {
+  margin: auto !important;
+  background-color: orange;
+}
+#category-search .button:hover {
+    background-color: #f27225;
+}
 #category-search label {
     width: 120px;
 /*    float: left;
index 81fb0b7..b710ec0 100644 (file)
@@ -1,4 +1,4 @@
-<div id="category-search" class="category-search-accommodations">
+<div id="category-search" class="category-search-accommodations small-12 medium-6 large-6 columns">
     {form.javascript:h}
     <flexy:toJSON RegionCats="regionCategories" />
     <flexy:toJSON mainCats="mainCats" />
@@ -40,7 +40,7 @@
                     </label>
                 </li>
                 <li>
-                    <input class="submit" type="submit" value="Search">
+                    <input class="submit button" type="submit" value="Search">
                 </li>
             </ol>
         </fieldset>
index faa5349..7fb99f4 100644 (file)
         </div>
     </div>
     {end:}
-
+    <div class="row">
     {if:toolboxContent.searchForm}
       {toolboxContent.searchForm:h}
     {end:}
-
+    </div>
     {if:toolboxContent.searchResults}
       {toolboxContent.searchResults:h}
     {end:}
 </div>
 {end:}
 
-</div>
\ No newline at end of file
+</div>