# Customize result component and its reponses

**URL:** <https://discuss.elastic.co/t/customize-result-component-and-its-reponses/228759>\
**Category:** Elastic Search\
**Tags:** elastic-app-search\
**Created:** [April 19, 2020, 7:43pm UTC](https://discuss.elastic.co/t/customize-result-component-and-its-reponses/228759 "2020-04-19T19:43:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MinHan](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/minhan/32/45055_2.png) [@MinHan](https://discuss.elastic.co/u/MinHan)\
**Post date:** [April 19, 2020, 7:43pm UTC](https://discuss.elastic.co/t/customize-result-component-and-its-reponses/228759/1 "2020-04-19T19:43:35Z")

</div>

Hi can anyone advice how I can

1. centralise my results and
2. beautify the results component.
3. For some reason, my appSearch isn’t dynamic. Meaning to say I have to refresh my page back to localhost:3000 (without any query) before the responses in my UI go back to normal. Just changing my search term in the search bar doesn’t give a different result.

I’m following the swiftType documentation but it’s my firstTime using it. Not very familiar (edited)

 ![Screenshot 2020-04-20 at 2.40.02 AM](https://us1.discourse-cdn.com/elastic/original/3X/2/6/262be3e141a49c90f5485a10ede3f0eded96102d.png) ![Screenshot 2020-04-20 at 2.40.19 AM](https://us1.discourse-cdn.com/elastic/original/3X/c/0/c0ec599b2185cb1aed67802748af650cbf991c41.png)

---

<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:** [April 20, 2020, 12:55pm UTC](https://discuss.elastic.co/t/customize-result-component-and-its-reponses/228759/2 "2020-04-20T12:55:07Z")

</div>

There are some instructions for customizing Search UI here: [https://github.com/elastic/search-ui/blob/master/ADVANCED.md#customization](https://github.com/elastic/search-ui/blob/master/ADVANCED.md#customization).

This answer may help you along as well: [Reference UI - how to modify what's displayed (React newbie)](https://discuss.elastic.co/t/reference-ui-how-to-modify-whats-displayed-react-newbie/199471/2).

---

<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:** [May 18, 2020, 12:55pm UTC](https://discuss.elastic.co/t/customize-result-component-and-its-reponses/228759/3 "2020-05-18T12:55:11Z")

</div>

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