Map and searchform are now more responsive, submit has button class.
*
* @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);
}
// }}}
/* 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;
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;
-<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" />
</label>
</li>
<li>
- <input class="submit" type="submit" value="Search">
+ <input class="submit button" type="submit" value="Search">
</li>
</ol>
</fieldset>
</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>