cancel
Showing results for 
Search instead for 
Did you mean: 

font size problem with numeric point charts and flexible story page

eeddggaarr
Contributor

Hi,

SAC automatically adjusts (default) font size in numeric point charts according to number length which can result in something like the image below. The single digit measure is much bigger than the measure on its left.

I could of course change font size from default to a fixed size but this will limit SACs automatic resizing capabilities for larger/smaller screens.

is there a way to change default font size for numeric point charts on page or story level without interfering with SACs resizing capabilities? => key figures should always have same font size and resizing should work.

br

edgar

Accepted Solutions (1)

Accepted Solutions (1)

VijayetaSharma
Active Contributor
0 Kudos

Hello eeddggaarr,

Unfortunately switching from default font side and still keeping auto size option on is not possible with current styling set.

Other thing I can suggest is to change the font side to 72-Web and the preferred size. If your story is designed around responsive layout then your fonts will still adjust according to screen size.

You can try this out using device preview option under more. It allows you to view impact on front on different screen sizes.

Thanks,

Vijayeta

eeddggaarr
Contributor
0 Kudos

Hi vijayeta.sharma,

thank you for your suggestions. I tried using 72-web font with size 48 but resizing does not happen when I change resolution or available screen size. Font size always remains the same.

br
edgar

VijayetaSharma
Active Contributor
0 Kudos

Based on the device you pick SAC decides to shrink or not. You can see this by changing the desktop resolution to 4K and 1080p in SAC device preview itself.

What you can do is set all numeric pointers in your story to fixed size. Make sure to use responsive layout and then try it on different device setup (web, ios...).
You will notice all changing based on how SAC sees fit. Rest assured all will remain consistant.

Answers (2)

Answers (2)

avsalynin
Active Contributor
0 Kudos

eeddggaarr

clear. Probably you can try to do this through several CSS classes (for font size) and scripts with screen resolution conditions (getInnerWidth() in OnResize fx)and assigning ccc classes (setCSSclass)

eeddggaarr
Contributor
0 Kudos

hi avsalynin,

unfortunately I can not use application design for this specific report because ranking/sorting api is still missing for non-optimized stories. but apart from that this might be the solution.

br
edgar

avsalynin
Active Contributor
0 Kudos

eeddggaarr

and what about Responsive layout and Device Preview settings?

eeddggaarr
Contributor
0 Kudos

Hi avsalynin,

thank you for your suggestion - but this approach is similar to choosing a fixed font size during story creation (designer - layout).

what I try to achieve is to have several numeric point charts with measures with different length which have the same size. font size should change when e.g. screen size or resolution changes but then for all numeric point charts.

br
edgar