# WIth Search UI, How to change View of the Facet options

**URL:** <https://discuss.elastic.co/t/with-search-ui-how-to-change-view-of-the-facet-options/312038>\
**Category:** Elastic Search\
**Tags:** elastic-app-search\
**Created:** [August 12, 2022, 8:42pm UTC](https://discuss.elastic.co/t/with-search-ui-how-to-change-view-of-the-facet-options/312038 "2022-08-12T20:42:37Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tonyfam](https://avatars.discourse-cdn.com/v4/letter/t/6de8d8/32.png) [@tonyfam](https://discuss.elastic.co/u/tonyfam)\
**Post date:** [August 12, 2022, 8:42pm UTC](https://discuss.elastic.co/t/with-search-ui-how-to-change-view-of-the-facet-options/312038/1 "2022-08-12T20:42:38Z")

</div>

Hello again,

I would like to be able to change the text of the facet options.  
Situation: Using a meta engine. Each engine making up the meta engine is using webcrawl (for now). I specified URL\_Host in facets. What I get in the sidebar is expected, something like this:

Sources  
 [urlx.org](http://urlx.org)  
 www.someu.edu  
 [ourdocs.atlassian.net](http://ourdocs.atlassian.net)

I would like to be able to access these options and map the urls we are indexing to a name so that it looks more like this  
 X Organization  
 Some University  
 Our Docs

So I am thinking that I could override the Facet view, like this

I found an example of a custom facet view, I think.

> <https://github.com/elastic/Elastiflix/blob/a2e946484ef2fa0f8f2a134c0cc90e3f345b2116/src/streaming-ui/src/components/MultiCheckboxFacet.js>

Does anyone know of any documentation for a custom Facet view, or other examples?

Maybe there is a more straightforward way to accomplish this, perhaps at configuration, and if so, I'd love to understand that!  
~ Thanks

---

<div class="post-metadata">

**Author:** ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)\
**Post date:** [August 12, 2022, 9:14pm UTC](https://discuss.elastic.co/t/with-search-ui-how-to-change-view-of-the-facet-options/312038/2 "2022-08-12T21:14:11Z")

</div>

There's no easy way to do this that I know of.

You'll need to create a custom facet view to do that.

It's been asked before but I unfortunately don't have any good examples to show.

MultiCheckboxFacet would indeed be an example: [search-ui/MultiCheckboxFacet.tsx at master · elastic/search-ui · GitHub](https://github.com/elastic/search-ui/blob/master/packages/react-search-ui-views/src/MultiCheckboxFacet.tsx)

You could likely copy/paste from that facet and amend it as needed to create your own custom view.

---

<div class="post-metadata">

**Author:** ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)\
**Post date:** [August 15, 2022, 7:55pm UTC](https://discuss.elastic.co/t/with-search-ui-how-to-change-view-of-the-facet-options/312038/3 "2022-08-15T19:55:13Z")

</div>

If you come up with a good example please reshared, we'd love to be able to add it to our docs for future folks or at least have it be referencable here

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [September 12, 2022, 7:55pm UTC](https://discuss.elastic.co/t/with-search-ui-how-to-change-view-of-the-facet-options/312038/4 "2022-09-12T19:55:52Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.