Calendar and News Feed Tiles

[josh]

@Darren_Jones

While all other tiles appear responsive with dimensions and/or tile width in configuration, unfortunately the calendar tile doesn’t. The event size and font remains the same.

Hi @Darren_Jones thanks for the bump. Check out the following post for the explanation and a workaround.

@josh

If you’re using Scalable Dashboards and are using a larger number of columns, then the 1x1 tile will become smaller and the baseline font size gets adjusted accordingly smaller.

You can use Custom CSS in a Theme to increase the size of the fonts:

@James

Try these, and you may adjust the font-size that fits you the best.

.tile.calendar.agenda .main-content { font-size: 1.75em; }
.tile.news-feed .main-content { font-size: 1.75em; } 

Please note these CSS snippets provided are not officially supported and you may have to adjust them if there are DOM changes with future releases

More details here: Scalable Dashboards - Adjust Calendar Font Size

@Darren_Jones

The calendar tile needs to be responsive/scalable based dimensions and configuration.

The Calendar and News Feed tiles intentionally scale with the base tile size dimension – in other words, they use the scaled font-size of a 1x1 tile.

The intention of this was that some people wanted calendar tiles that were extra wide or extra tall as they wanted to show more events and it didn’t make sense to scale the font-size along with that extended dimension.

That being said, the concept of having the Calendar and News Feed tiles aligned with the font size of a 1x1 tile probably made more sense with the non-scalable dashboards as it was more of a fixed font-size.

I’m open to revisiting this, but I think it’s more likely that we might ‘clamp’ a minimum font-size by default… or perhaps expose a setting for the content font size, but that’s something more unique to calendars/news feeds compared to most other tile types so might make more sense as a tile-setting rather than Theme Style setting.

@Darren_Jones

ps I also noted my events are centre aligned while your screenshots are left aligned. I did not see an alignment for the dates (I did for the time but that doesn’t change the date alignment)

Hm, I’m not sure that was an intentional change, so I’ve noted the feedback.