# Target display issues with large numbers

**URL:** <https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295>\
**Category:** Design\
**Tags:** targets, ui-ux\
**Created:** [August 25, 2025, 9:40am UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295 "2025-08-25T09:40:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![xvoel](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/xvoel/32/4103_2.png) [@xvoel](https://forum.communityhealthtoolkit.org/u/xvoel)\
**Post date:** [August 25, 2025, 9:40am UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/1 "2025-08-25T09:40:02Z")

</div>

Hi everyone,

I’ve run into a UI issue with the target display: when large numbers are shown, the text starts to overlap

 ![image (1)](https://communityhealthtoolkit.b-cdn.net/uploads/default/original/2X/7/741bdea9f9817f1774895e90689389978c2e0898.png)

.

Here’s an example (screenshot attached):

- Current value: **7500**

- Goal: **100000**  
The goal text is pushed too close to the number, making them overlap visually.

Smaller targets (like 2 of 4) look fine.

Thank you already in advance for your support!

---

<div class="post-metadata">

**Author:** ![mrjones](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/mrjones/32/681_2.png) [@mrjones](https://forum.communityhealthtoolkit.org/u/mrjones)\
**Post date:** [August 25, 2025, 11:39pm UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/2 "2025-08-25T23:39:40Z")

</div>

Hi @xvoel ! Welcome to the forum. Thanks so much for taking the time to register and post your question! It’s always great to hear about real world situations out there with folks using the CHT.

This looks a bit tricky, especially as you get to numbers bigger than `10,000`. For example, how should we display a target of `119,000` and a progress of `102,103`?

That said, I think the original targets were something a CHW was envisioned to do inside of a month. A goal of 10k house visits, vaccinations or U5 assessments in a month simply isn’t fathomable! Are you able to share what you have a target of `10,000` of? I’d be interesting to hear what folks are doing 10k of in a month!

Also, would an acceptable work around be to use `k` to mean “1 thousand”? So in your case we might show a target of `10k` and a progress of `7.5k`. I think this way we could keep both the target and the status to no more than 4 characters, including the decimal.

---

<div class="post-metadata">

**Author:** ![diana](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/diana/32/2049_2.png) [@diana](https://forum.communityhealthtoolkit.org/u/diana)\
**Post date:** [August 26, 2025, 8:16am UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/3 "2025-08-26T08:16:42Z")

</div>

I believe there is a related post [How to cap target numbers in display?](https://forum.communityhealthtoolkit.org/t/how-to-cap-target-numbers-in-display/5296)

---

<div class="post-metadata">

**Author:** ![xvoel](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/xvoel/32/4103_2.png) [@xvoel](https://forum.communityhealthtoolkit.org/u/xvoel)\
**Post date:** [August 26, 2025, 10:37am UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/4 "2025-08-26T10:37:26Z")

</div>

Hi @mrjones  
Thanks for the warm welcome! As @diana pointed out, the two posts concern the same use case.

The high numbers are linked to our redesigned P4P scheme. We have made it more pro-CHW and flexible:

- CHWs no longer have a fixed goal for certain visits.

- Instead, they earn a certain amount for each visit conducted (until a fixed maximum)

We would like the target card to display how much money (in TZS) the CHW has already earned. So, for each task they will obtain between 500 to 2000 TZS leading to such big numbers.

Regarding your question whether it would be acceptable to use `k`, I quickly have to ask my colleague.

---

<div class="post-metadata">

**Author:** ![xvoel](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/xvoel/32/4103_2.png) [@xvoel](https://forum.communityhealthtoolkit.org/u/xvoel)\
**Post date:** [August 26, 2025, 11:52am UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/5 "2025-08-26T11:52:33Z")

</div>

Hi @mrjones

I have talked to a colleague. The notation with `k` is not commonly used here in Zanzibar, however, with the correct training, this could be a potential solution.

---

<div class="post-metadata">

**Author:** ![mrjones](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/mrjones/32/681_2.png) [@mrjones](https://forum.communityhealthtoolkit.org/u/mrjones)\
**Post date:** [August 26, 2025, 5:13pm UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/6 "2025-08-26T17:13:15Z")

</div>

Thanks for the updates @xvoel ! It makes sense that localized use of numbers will differ and that `k` may not make sense. I’ve [added a comment](https://github.com/medic/cht-core/issues/10240#issuecomment-3225019128) on the ticket that came out of the [other thread](https://forum.communityhealthtoolkit.org/t/how-to-cap-target-numbers-in-display/5296) which I hope accurately captures your issue.

We do not recommend making ad hoc changes to the CHT core and putting it into production, but if you would like to experiment in a local development setup with making changes the CSS on the reports page, [there’s a write up](https://forum.communityhealthtoolkit.org/t/change-background-color-of-navigation-tab-of-cht-application/4653/4) on how to do this.

---

<div class="post-metadata">

**Author:** ![xvoel](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/xvoel/32/4103_2.png) [@xvoel](https://forum.communityhealthtoolkit.org/u/xvoel)\
**Post date:** [August 27, 2025, 8:38am UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/7 "2025-08-27T08:38:02Z")

</div>

Thank you @mrjones for adding the specification to the ticket!

---

<div class="post-metadata">

**Author:** ![jkuester](https://communityhealthtoolkit.b-cdn.net/user_avatar/forum.communityhealthtoolkit.org/jkuester/32/806_2.png) [@jkuester](https://forum.communityhealthtoolkit.org/u/jkuester)\
**Post date:** [June 26, 2026, 4:52pm UTC](https://forum.communityhealthtoolkit.org/t/target-display-issues-with-large-numbers/5295/8 "2026-06-26T16:52:10Z")

</div>

The [5.2.0 release](https://docs.communityhealthtoolkit.org/releases/5_2_0/) includes the updates for [Add the option to hide target counts past the goal · Issue #10240 · medic/cht-core · GitHub](https://github.com/medic/cht-core/issues/10240)!
