# Accordion Item Text Rendering Issue

**URL:** <https://forum.radzen.com/t/accordion-item-text-rendering-issue/14126>\
**Category:** Blazor WebAssembly\
**Created:** [May 18, 2023, 4:05pm UTC](https://forum.radzen.com/t/accordion-item-text-rendering-issue/14126 "2023-05-18T16:05:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ACheramie](https://forum.radzen.com/letter_avatar_proxy/v4/letter/a/3ab097/32.png) [@ACheramie](https://forum.radzen.com/u/ACheramie)\
**Post date:** [May 18, 2023, 4:05pm UTC](https://forum.radzen.com/t/accordion-item-text-rendering-issue/14126/1 "2023-05-18T16:05:03Z")

</div>

Hello!

I have a Blazor WebAssemply application, and I am using the RadzenAccordion to display Days of the week, used in a form for timesheet entries (see image below).

 ![image](https://forum.radzen.com/uploads/default/original/2X/f/f3ac390c6f3ba74d15be4e94d399934a0583e67f.png)

Everything has been working great, other than the text in the Accordion Items. The total hours for each day is a variable, changed by either entering in time values or using the radzen numeric component.

When the hoursworked values are changed, the accordion item text doesn't update with the changed property value until another event is fired. The accordion item seems to be using stale data (the previous value).

In the video below, you can see the "total hours worked" variable at the top updating correctly, but the tot. hours. value for Saturday is not updating correctly.

![accordion-bug](https://forum.radzen.com/uploads/default/original/2X/c/cf9f5b54a446971465f6a85288a986b7e19e4fcf.gif)

I've tried using StateHasChanged() after updating the variable with no success.

I've also tried adding the @key variable and assigning it to both the item's text string and just the saturdayTotalHours variable, and neither option was successful. Assigning it to the string caused the accordion items to re-order themselves after updating the variable, and the totalhours variables were not unique and couldn't be used with @key.

Any assistance would be appreciated! Thank you!

---

<div class="post-metadata">

**Author:** ![NHalteman](https://forum.radzen.com/letter_avatar_proxy/v4/letter/n/e36b37/32.png) [@NHalteman](https://forum.radzen.com/u/NHalteman)\
**Post date:** [October 24, 2024, 7:01pm UTC](https://forum.radzen.com/t/accordion-item-text-rendering-issue/14126/2 "2024-10-24T19:01:08Z")

</div>

Probably too late to be of any use to you, but if anyone else is having this issue I fixed it by manually refreshing the accordion.  
The Accordion.Refresh method is marked internal so had to whip this up to get to it:

public static class AccordionFix  
{

```
private static readonly MethodInfo _refreshMethod = typeof(RadzenAccordion).GetMethod("Refresh", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance);
public static void ExternalRefresh(this RadzenAccordion accordion)
{
    _refreshMethod.Invoke(accordion, null);
}

```

}

---

<div class="post-metadata">

**Author:** ![richardaubin](https://forum.radzen.com/user_avatar/forum.radzen.com/richardaubin/32/18168_2.png) [@richardaubin](https://forum.radzen.com/u/richardaubin)\
**Post date:** [February 14, 2025, 12:27pm UTC](https://forum.radzen.com/t/accordion-item-text-rendering-issue/14126/3 "2025-02-14T12:27:52Z")

</div>

I also just encountered the need to refresh the accordion after changing the text of an accordion item.

Any chance we can make the refresh api public?

---

<div class="post-metadata">

**Author:** ![enchev](https://forum.radzen.com/user_avatar/forum.radzen.com/enchev/32/16_2.png) [@enchev](https://forum.radzen.com/u/enchev)\
**Post date:** [February 14, 2025, 1:23pm UTC](https://forum.radzen.com/t/accordion-item-text-rendering-issue/14126/4 "2025-02-14T13:23:41Z")

</div>

Sure, we will do that in our next update!