Bigger font size for 6" touchscreen

Dashboard
1

I am scaling down a dashboard for display on the 6" Pi touchscreen. I started by increasing the 1x1 widget size to 64x64 pixels. I then added a template to increase the font size and icon size.

<style>
body.nr-dashboard-theme {
    font-size: 40px !important;
}
md-sidenav > md-list > md-list-item{
    width: 400px !important;
}
ui-icon {
    font-size: 24px;
}
.md-toolbar-tools h1 {
    font-size: 40px !important;
}
</style>

I still have a few problems:

  1. The text size for button labels did not increase in size.
  2. The side navigation bar is not wide enough. I increased the width, but I just end up with a horizontal scroll bar.
  3. I have a ui-table and don't know how to increase the size of the text in the columns and headings of the table.
  4. I have text input and while the label gets bigger, when you try to enter text it is clipped off.

image

image

2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.