{WidgetName}.css

• Each Widget should and does have its’ own CSS file.
• The Widgets main class should have the following mandatory attributes.
• width: 100%;
• height: 100%;
• font-size: 100%;
• If you don’t want the contents of your Widget overflowing its’ boundaries, then also add.
• overflow: hidden;
• The Widget should be built so that it is readable when resizing it to the smallest window you think your user would want. All Widgets I’ve built are designed to be scaled up or down, depending on the usage. To facilitate this, all CSS sizing should be done with percentages that a relative to each other.
• The default App size is 800x480px with a font-size of 16px. Since your widget should be the same size, a user can adjust both the width’s and height’s by the same percentage to maintain a good aspect ratio.