Avonni Components Community

Hello Sue, 

Display As Row controls whether the buttons are joined or spaced apart, and both are horizontal. The Button Group has no vertical layout, so that toggle was never going to stack them, and there is nothing to chase in your CSS or your cache. Our Experience Cloud Documentation page said otherwise, which is what sent you looking, and we've corrected it now. 

For a vertical column, drop a separate AX - Button into the region for each of your five links. They stack on their own. Each one takes a Link To for the destination and a Stretch setting so they share the column width, and the Background, Label, and Border styling you are using now is available on each of them, so you can rebuild the same look. The trade-off is that you set it per button instead of once on the group. 

Thanks,

Hello Brad, and thank you for the kind words! 🙌 

Great question. The Metric component doesn't have a built-in link property today, and the value itself isn't clickable, so you can't wire the number directly to a report. 

But you can get that click-through behavior with a small tweak: drop a Button or Button Icon next to the metric, something like "View report," and wire its click to the Navigate interaction. Navigate can take the user to:

• A web page: paste the report URL and choose whether it opens in the same tab or a new one.
• The report as a record: set the page type to Record Page, object Report, and pass the report Id to open it natively in Lightning.

Either way, you get the "click to my report" experience with the KPI and the action in the same card. If your metric is query-driven off a record, Navigate also supports {{Record.FieldName}} tokens so the destination can be dynamic. 

I've submitted a feature request to make the metric value itself clickable. In the meantime, the button approach should get you what you're after. 

Let me know if you hit any snags setting it up!

Hello Domini,

Thank you for reaching out. A good first step to resolve this is to ensure you’re running the latest version of the Avonni Package. You can find direct links here: https://docs.avonnicomponents.com/changelog

If the issue continues after updating, please reach out to us at support@avonni.app or through our live chat on the documentation site: https://docs.avonnicomponents.com/

Thanks,

Hi @Kevin Pathiakis, 

This usually happens because the trend direction is based on how the metric is interpreted, not just the value change. 

Check: 

•  Whether your metric is set to “Higher is better” vs “Lower is better”
•  The comparison logic (current vs previous)
•  If your secondary value is being treated as a baseline or delta

If “lower is better” (e.g., cost, errors), a decrease may show as positive (green). 

Adjust the metric settings accordingly to match your use case. 

If you find this helpful feel free to mark it as Best Answer !!!! 😊 

Thanks and Regards. 

Hi Janardhana

Thanks for sharing this

What you’re describing does sound like unexpected behaviour, and potentially a bug.

I just wanted to check if you’re still experiencing this issue. If so, could you reach out to us at

so we can take a closer look and troubleshoot with you directly? 

If you’re able to include details like your component configuration, and screenshots, that would help us investigate. 

Thank you, 

 Sarah

Hi Janardhana

Apologies for the delayed reply here, we somehow missed this message. 

At the moment, this isn’t something that can be customized. The empty state illustration follows a standard Salesforce pattern, which our components currently adheres to. 

That said, we understand the need for more control over the appearance. 

Please reach out to us at support@avonni.app

so we can log it as a feature request and consider adding it to our roadmap. 

Thank you, 

 Sarah