Page History

...

Custom section

Class	ev-search-container

HTML

<div class="filtersContainer events-search-main">
    <div id="events-search-container">
		<img src="/download/attachments/81517767/searchicon.png?api=v2" />
		<input id="events-searchbar" type="text" autocomplete="off" placeholder="SEARCH FOR A SPECIFIC EVENT" />
	</div>

    <div class="countryFilterContainer">  
		<div id="country-placeholder">Country</div>
        <ul id="countryFilter">
        </ul>
    </div>

	<div class="dateFilterContainer">
        <div class="dateFilter">
			<p class="dateInputContainer"><input type="text" placeholder="Start Date" id="startdate"></p>      <span>↔</span>      <p class="dateInputContainer"><input type="text" placeholder="End Date" id="enddate"></p>
		</div>
    </div>

	<div class="resetFilterContainer">
    	<a id="resetFilter">Clear All Filters</a>
	</div>
</div>

<div id="additional-filters-button" style="display: none;">
	<img src="/download/attachments/81517767/addfilters.png?api=v2" />
	<span>Additional Filters</span>
</div>

HTML

<script>
if (AJS.params.remoteUser === "alex@gsvlabs.com") {
	$(".countryFilterContainer")[0].innerHTML = `<input type='text' id='country-placeholder' placeholder='Country' onkeyup='handleCountrySearch(this, event)' />
        <ul id="countryFilter">
        </ul>`;
} else {
	$(".countryFilterContainer")[0].innerHTML = `<div id="country-placeholder">Country</div><ul id="countryFilter"></ul>`;
}
</script>

Custom section

CustomCSS	flex-direction: column;
ContainerID	event-search-result-cards
Class	ev-cards-section

HTML
<h2 class="ev-cards-section-title">Search Results</h2>

Custom section

Class	events-container

...

Content

Space Tools

Versions Compared

Old Version 91

New Version 92

Key