{"id":4288,"date":"2026-10-21T08:09:54","date_gmt":"2026-10-21T08:09:54","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&#038;p=4288"},"modified":"2026-10-21T08:09:54","modified_gmt":"2026-10-21T08:09:54","password":"","slug":"show-hide-reset-buttons","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/show-hide-reset-buttons\/","title":{"rendered":"4. Show\/Hide Filter and Reset Buttons"},"content":{"rendered":"<p class=\"efe-doc-summary wp-block-paragraph\">Hide the filters behind a button next to the search box, and give visitors a Reset button.<\/p>\n\n<h2 class=\"wp-block-heading\">Show\/Hide Filter button<\/h2>\n\n<p class=\"wp-block-paragraph\">The button needs both a search box and filters, because it sits next to the search box and opens the filters.<\/p>\n\n<ol class=\"wp-block-list efe-doc-steps\"><li>In <strong>Content &gt; Filter Events<\/strong>, turn on <strong>Keyword Search<\/strong> and <strong>Show Search in Live Filters<\/strong>. See <a href=\"https:\/\/wpeventful.com\/elementor\/docs\/live-keyword-search\/\">Live Keyword Search<\/a>.<\/li><li>Turn on <strong>Enable Advanced Filtering<\/strong> and add at least one filter. See <a href=\"https:\/\/wpeventful.com\/elementor\/docs\/ajax-live-filters\/\">Add AJAX Live Filters<\/a>.<\/li><li>Turn on <strong>Show\/Hide Filter Button<\/strong>. The filters are now hidden until a visitor clicks the button.\n<figure class=\"wp-block-image size-full efe-shot efe-doc-shot\"><a href=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x.webp\" alt=\"Eventful Show\/Hide Filter Button and Reset Button settings in Elementor\" width=\"1000\" height=\"430\" class=\"wp-image-4870\" loading=\"lazy\" srcset=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x.webp 2000w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x-300x129.webp 300w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x-1024x440.webp 1024w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x-768x330.webp 768w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-show-hide-v220@2x-1536x660.webp 1536w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">Show\/Hide Filter Button and Reset Button settings, with the button next to the search box.<\/figcaption><\/figure>\n<\/li><li>Change <strong>Show Button Text<\/strong> and <strong>Hide Button Text<\/strong> (default &#8220;Show Filter&#8221; and &#8220;Hide Filter&#8221;), for example &#8220;Show categories&#8221; and &#8220;Hide categories&#8221;.<\/li><\/ol>\n\n<h2 class=\"wp-block-heading\">Reset button<\/h2>\n\n<ul class=\"wp-block-list\"><li><strong>Show Reset Button<\/strong> is on by default. The button appears once a visitor has typed a word or picked a filter option.<\/li><li>Clicking it clears the search box and every selected filter, and shows all events again.<\/li><li>Change the label in <strong>Reset Button Text<\/strong> (default &#8220;Reset&#8221;).<\/li><\/ul>\n\n<p class=\"wp-block-paragraph\">Colours for the Show\/Hide Filter button are in <strong>Style &gt; Filter Bar<\/strong>.<\/p>\n\n<h2 class=\"wp-block-heading efe-doc-related-title\">Related articles<\/h2>\n\n<ul class=\"wp-block-list efe-doc-related\"><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/live-keyword-search\/\">Live Keyword Search<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/filter-styles\/\">Filter Styles and Layout<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/ajax-live-filters\/\">Add AJAX Live Filters<\/a><\/li><\/ul>\n\n<p class=\"efe-doc-demo wp-block-paragraph\"><a href=\"https:\/\/wpeventful.com\/elementor\/ajax-event-search\/\">See the AJAX search demo \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>How to hide Eventful filters behind a Show Filter button next to the search box, change its texts, and add a Reset button that clears the search and filters.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[31],"doc_tag":[],"class_list":["post-4288","docs","type-docs","status-publish","hentry","doc_category-filters-search"],"year_month":"2026-10","word_count":208,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ThemeAtelier","author_nicename":"foysal","author_url":"https:\/\/wpeventful.com\/elementor\/author\/foysal\/"},"doc_category_info":[{"term_name":"5. Filters and Search","term_url":"https:\/\/wpeventful.com\/elementor\/docs-category\/filters-search\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/comments?post=4288"}],"version-history":[{"count":2,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4288\/revisions"}],"predecessor-version":[{"id":4871,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4288\/revisions\/4871"}],"wp:attachment":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/media?parent=4288"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_category?post=4288"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_tag?post=4288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}