Text lines in indicators look different

255
4
02-21-2024 06:59 AM
Labels (1)
MicBry
by
New Contributor II

Hi!

I have a dashboard that uses multiplte indicators based on arcade. Some of my indicators have a title, toptext, middletext and a bottomtext. The toptext and middletext are formated in the same way. My issue is that the middletext always look bold in comparison to the toptext. The font size looks right, but there is always a slight difference between the two. See picture below. 

Does anyone know why this is and if there is a solution to my problem? Thanks!

 

textskillnad_dashboard.PNG

0 Kudos
4 Replies
MErikReedAugusta
Occasional Contributor III

Dumb question: Have you put identical expressions on both lines to make sure there's actually a difference and it's not just optical?

I'm about 95% sure there is a difference, but I've been fooled in the past by optical illusions in cases like this.

 

Assuming there is an actual difference, my first gut assumption is that it's an alignment/stretching issue.  Is this set to "Justify" ?  I have to wonder if the problem is not that the middle line is bold, but that the top line is narrow/shrunk.

jcarlson
MVP Esteemed Contributor

The center line in the indicator has its own CSS class: .responsive-text.indicator-center-text, which has this:

font-weight: var(--calcite-font-weight-bold);

Other indicator lines (top / bottom) have their own corresponding classes, in which the font weight changes. So the middle line will always be bolder than the others.

- Josh Carlson
Kendall County GIS
0 Kudos
MicBry
by
New Contributor II

Thank you for the explanation! Is there a way to change this or do I have to accept it as is?

 

Best, Michaela

0 Kudos
jcarlson
MVP Esteemed Contributor

On ArcGIS Online, you can't really change that. If you manage an Enterprise Portal, you could theoretically go in and change the CSS file, which is not a trivial thing to do, and is likely to be undone in future updates to your Portal.

In many other widgets, you can use HTML tags, but indicators are not that customizable. It will just ignore any HTML you have and use it as a literal string.

jcarlson_0-1708612444076.png

Unfortunately, I think the short answer is you just have to accept it as is.

But that's if you use an indicator. You could accomplish this using some other widget, where you are allowed to pipe in HTML.

- Josh Carlson
Kendall County GIS
0 Kudos