We have a form that can be displayed on websites via an iframe.
The look and feel of the form is determined by a stylesheet.
Each website that incorporates the form can create its own stylesheet.
The aim of this project is to improve the look and feel of the form by changing the form itself and our stylesheet.
The form can be viewed on energiekostencalculator.nl.
Requirement
1 Display percentage left of the pie chart. Please refer to enclosed screenshot (34%)
2 Display tooltips on mouseover of the questions on the form. Please refer to enclosed list of tooltips.
3 The Y/N fields should be radio buttons
4 Change field width.
- All dropdown fields should have equal width.
- The fields that require numeric input (Oppervlakte woning [m2], Breedte, Diepte, Bouwjaar) should be 6 digits wide. Form
5 The font of the displayed results ($res[0] … $res[5], $procentuele_besparing_display) should be individually managed by the css
6 The colors of the pie diagram should be manageable by css
7 Add background color to form / iframe
8 Add numbers to questions
9 Color of buttons must be manageable by css
10 Underline all questions and input fields. Underline color and thickness are controlled by css. Please refer to enclosed example.
Detailed requirements in attached doc.
The result of the project should be a revised [login to view URL] file and a css stylesheet.