Is there a way to change font size in "SINGLE VALUE" Visualizations

Looker Q&A Looker
21

Hi All,

Below html in LookML works fine for “SINGLE VALUE” Visualizations.

html:

{{ rendered_value }}

;;

Thanks,
Kaushal

22

Added a snapshot

9b98d86a63788e4585a53a22845c9365ce56ebae.png

23

Ah, so in order to be able to specify the size in the html we need to use rendered value, not value? Seems counter intuitive to mean, given the documentation refers to rendered value being the default formatting for Looker, but we can work with that.

24

Hey @Matthew_Darwin , you should also be able to use {{value}}. For example,

html: <p style="color: red; font-size: 50px"> {{ value }} </p> ;;

As you mentioned, rendered value is used when we want to apply Looker’s value formatting.

25

I know this is an old topic but doesn’t seem to be added as a feature? I’m looking for a way of doing this in the configuration of the tile and not in a static way (i.e. via LookML code)

26

Note that you could use the new Multiple Value Visualization from the marketplace. You can display just one value with it and have the ability to set the font size.

3 Likes
27

As few of them mentioned above , I got this done by (along with adding links and making it bold)
html: <p style="font-size: 85px"><b><a href="URL">{{rendered_value}}</a></b></p> ;;

If its still not working , check :

  • If you have added Value Format - in your visualisation (0, 0# etc) . Remove it (instead add it In dimension/measure definition) , because thats somehow overriding the above html code.

Thanks Annie for helping out on this ��

1 Like
28

Is it possible to change the font size in Single Value viz of the looker without LookML. or is there any custom viz available in market as an option for this.

1 Like
29

Our users likewise are interested in being able to customize the font size of visualizations - we often display Looker dashboards on TV screens and being able to customize font size would greatly contribute to visibility.

30

probably better workaround

https://community.looker.com/dashboards-looks-7/jank-workaround-edit-font-size-in-single-value-vis-25973

31

Is there a hack to show the text at the bottom darker than what it shows? i am using a single value look.

Any help is appreciated.

Somehow the title shows opaque with 30-50% transparency i believe, i hope there is an easier way to fix this.

32

I am also looking for the same. Could not find any solution yet. And I don’t link lookML based hacks to solve these problems. The same measure can be used in different places/viz. So I don’t want to control it in the model.

33

One workaround would be to select a Multi Value visualization and then remove all fields except one you want. We can then adjust font size from the visualization settings

34

You’ll want to use html for a single value viz font size change. You’ll take the measure and add html to it for font size, color, text, etc.

For situations where I have more than one row, I do things like:

html: <div class="vis">
      <div class="vis-single-value" style="line-height: 1;font-size: 17px; text-align:center;color:black;" >
      </div>
    </div>;;

and then you can add your rendered value and texts into the html.

@tuddin @sunnygudVZ

1 Like
35

I know this is an old topic, but I would also really like this feature.
I’m looking for a way of doing this in the configuration of the tile and not in a static way (i.e. via LookML code). I know it is possible to do so in the Multiple Value Visualization, but here it is not possible to do comparison numbers as it is for the single value visualization.

Looking forward to hearing from you.

36

Bump on this request! ?

37

Hope we can have more flexibility to adjust the Single Value Vis

1 Like
38

Agreed. I could use this feature now, that is the ability to adjust font size on a Google Looker fixed-size list. Font size is specified on the Google Looker drop-down list, so it should be on the fixed-size list, too. If this can be added in the future, please do so!