@cphillips said:
Very nice! Love how dynamic the dialogs are. How did you do the html layout? Any java script libs used?
Everything is hand-coded in html (including the layout) and I created my own simple javascript functions for everything except for the sliders. The sliders are a very light-weight (22kb) javascript library from WebFX. They are actually quite easy to implement.
I am amazed at what can be done using basic HTML and javascript. For most web-dialogs, there is not much need to download javascript libraries. The code for these dialogs is actually fairly simple. The dynamic "hiding" and "showing" is done with this type of javascript:
function setVisible(page_id){
document.getElementById("output").style.display="none"
document.getElementById("tonemapping").style.display="none"
document.getElementById("camera").style.display="none"
document.getElementById("environment").style.display="none"
document.getElementById("advanced").style.display="none"
document.getElementById(page_id).style.display="block"
}
This code hides all of the major <div>s in the render settings dialog. Then, the last line shows the <div> with the id that was passed as an argument to this function.
This is a great resource for anyone wanting to learn this stuff. There are lots of interactive examples.
http://www.w3schools.com/