A first draft explaining the basic in-page structure of V3 is now available.
We have a complete change in this sense. Previously, we were loading the entire editor interface inside an IFRAME, isolating it from the main page. Now, the UI will be totally rendered inline in the main page, minimizing the number of iframe creations.
Other than the usual feedback, there is an important aspect that I would like to discuss. It is related to the structure defined in the "Default UI Builder" section. As we can see in that section, the base structure for the interface is composed by three grouped blocks.
Currently, the following is the solution used to render it:
<table style="height:200px;width:100%"> <tr> <td></td> </tr> <tr> <td style="height:100%"></td> </tr> <tr> <td></td> </tr> </table>
In this way, the "Middle" block automatically expands, even if we change the <table> size.
But, I would me much happier to have something like this instead:
<div> <div></div> <div></div> <div></div> </div>
Ok, now, what's the better way (if available) to have the "Middle" <div> automatically expanded, while its siblings will instead expand as needed? How to make it happen so that the outer div can be freely resized, having its contents fluidly adjusted?
CSS magicians are welcome