I'm trying to build a type of plugin where the user has a "palette" where they can construct the layout of a page. They can add boxes with content anywhere they want inside the "palette" and it will be finally rendered into html where the html page will maintain the exact location of each box.
This in just a simple example but I wanted to know if theoretically and functionally it could be done. It's a real basic script that allows a user to add boxes and place them anywhere in the page
Here's the basic jquery:
Copy code
- $(function(){
- $('#box').hide();
- $('#button').click(function(){
- $('<div id="box"></div>').resizable().draggable().sortable().appendTo('#container');
- });
- });
There are no floats added to the css so I was wondering if something like this could still be rendered or does each box need to have it's own boundary.
Is it even possible to make something like this work using no floats or boundaries, just div's?