aws-samples / aws-serverless-connect-wallboard

Sample code for building a serverless wallboard for Amazon Connect.
MIT No Attribution
29 stars 16 forks source link

Styling of Table #17

Closed Aikleong7 closed 1 year ago

Aikleong7 commented 1 year ago

Hi, I would like to change the font family for the table where i tried different way of styling, in file styling. it does not apply to the table itself. how do I style the table?

Brettles commented 1 year ago

The short answer is that it is all in the stylesheet that you define in your HTML.

The longer answer is that you can apply styles to the whole wallboard table or to individual cells as you need to.

If you look at the raw HTML that is returned to the caller you'll see a few things:

It's probably easiest to apply a style to the whole table. In your stylesheet you can do something like:

table.wallboard-main {
 font-family: sans-serif;
 font-size: 16px;
}

Note that you can change the font, font size and font colour in the wallboard configuration file as described in the README - look in the "Wallboard Configuration" section and then under "Defaults". Each cell can also be individually changed as well.