{"id":233384,"date":"2014-06-18T09:51:08","date_gmt":"2014-06-18T16:51:08","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/"},"modified":"2014-08-14T08:50:06","modified_gmt":"2014-08-14T15:50:06","slug":"horizontal-bar-needs-better-indication-that-filters-are-applied","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/","title":{"rendered":"Horizontal bar needs better indication that filters are applied"},"content":{"rendered":"

We are investigating the possibility of using the horizontal layout for the filter bar on our site. We are using a vanilla version of the calendar with only minimal changes via the [Events > Settings] pages.<\/p>\n

There seems to be a pretty significant UI\/UX flaw though that is pretty disappointing. When a filter is active, there is hardly any indication anywhere that this is the case, unless the user clicks each filter category to view the filter drop downs. There is the “Reset filters” button but that is not very intuitive. If the user even notices it, it only indicates that any filter has been applied. It does nothing to communicate the state of the filters. In the screenshot below, I have set a filter for every category as an example.<\/p>\n

Is there a way to show a “filter summary” or else any other way to indicate that a filter is applied when the bar is in horizontal mode? Should I make this a feature request?<\/p>\n

<\/p>\n","protected":false},"template":"","class_list":["post-233384","topic","type-topic","status-closed","hentry"],"yoast_head":"\nHorizontal bar needs better indication that filters are applied -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Horizontal bar needs better indication that filters are applied -\" \/>\n<meta property=\"og:description\" content=\"We are investigating the possibility of using the horizontal layout for the filter bar on our site. We are using a vanilla version of the calendar with only minimal changes via the [Events > Settings] pages. There seems to be a pretty significant UI\/UX flaw though that is pretty disappointing. When a filter is active, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-14T15:50:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.imgur.com\/qBjbs7g.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/\",\"name\":\"Horizontal bar needs better indication that filters are applied -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i.imgur.com\/qBjbs7g.png\",\"datePublished\":\"2014-06-18T16:51:08+00:00\",\"dateModified\":\"2014-08-14T15:50:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#primaryimage\",\"url\":\"https:\/\/i.imgur.com\/qBjbs7g.png\",\"contentUrl\":\"https:\/\/i.imgur.com\/qBjbs7g.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Filter Bar\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/filter-bar\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Horizontal bar needs better indication that filters are applied\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Horizontal bar needs better indication that filters are applied -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/","og_locale":"en_US","og_type":"article","og_title":"Horizontal bar needs better indication that filters are applied -","og_description":"We are investigating the possibility of using the horizontal layout for the filter bar on our site. We are using a vanilla version of the calendar with only minimal changes via the [Events > Settings] pages. There seems to be a pretty significant UI\/UX flaw though that is pretty disappointing. When a filter is active, […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/","article_modified_time":"2014-08-14T15:50:06+00:00","og_image":[{"url":"https:\/\/i.imgur.com\/qBjbs7g.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/","name":"Horizontal bar needs better indication that filters are applied -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#primaryimage"},"image":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#primaryimage"},"thumbnailUrl":"https:\/\/i.imgur.com\/qBjbs7g.png","datePublished":"2014-06-18T16:51:08+00:00","dateModified":"2014-08-14T15:50:06+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#primaryimage","url":"https:\/\/i.imgur.com\/qBjbs7g.png","contentUrl":"https:\/\/i.imgur.com\/qBjbs7g.png"},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/horizontal-bar-needs-better-indication-that-filters-are-applied\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Filter Bar","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/filter-bar\/"},{"@type":"ListItem","position":5,"name":"Horizontal bar needs better indication that filters are applied"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/233384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/233384\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=233384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}