JQuery Layout Builder

What we need a drag and drop layout builder in JQuery.

We dont want back-end coding just the HTML, CSS and Javascript part.


It will be three level drag-drop process with these items;

- Fixed size big columns,

- Resizable normal columns,

- 10-15 different modules

As you can see in attached file;

- These items will be listing on a toolbar and user can drag and drop them to the canvas in between any items as they like.

- Fixed big columns (yellow) can't be resized and can only be placed in canvas (green). You can add unlimited big columns to the canvas.

- Normal columns (blue) can be resized, can placed in canvas or inside a big column. You can add unlimited normal columns to the canvas and inside a big column.

- Modules (purple) can't be resized, can placed in canvas or inside a big column or inside a normal column. You can add unlimited columns to the canvas and inside a big column and inside a normal column.

According to the rules above, all items can be sortable in any possible way.


- All items will have 3 basic control. Edit, Clone, Delete. Normal column also have a 2 arrow to resize it to 5 different size. 1/1, 1/2, 1/3, 1/4, 1/5. We will populate it later.

- Edit means, fixed size big columns and 10-15 different modules will all have uniqe settings inside their hidden input area as a short arrayed code (sort of like wordpress shortcodes).

- User will click and open a modal and see the uniqe settings. Settings mostly will be 5-10 standart inputs listed one below another. Input types will be text, selectbox, radio, checkbox and color picker.

- What we want from you is one working settings box for big column and one for a selected module. We will populate the rest for different modules.


Although it may looks complicated, this is something that done so many times so we will have lots of reference projects to go through.

You can ask us anything you like about the project.

Our timeline is between 25-30 days.

Thank you.

Skills: HTML, jQuery / Prototype, Software Architecture

See more: jquery layout builder, yellow software, wordpress builder software, radio reference, layout html 5 wordpress, jquery 2.1 0, jquery 2.0 3, jquery 1.2 3, inside radio, html 5 checkbox, jquery end, jquery back, html builder, javascript checkbox drag, html canvas add, canvas drag, html code drag, jquery html sort, jquery text inputs, drag sortable, jquery drag drop html builder, html css module, drag html, canvas jquery drag, edit layout text

About the Employer:
( 0 reviews ) Istanbul, Turkey

Project ID: #4642401

10 freelancers are bidding on average $565 for this job


Hello We want to do work with you. We will fulfill all your requirements and deliver you the best. Thank you

$400 USD in 25 days
(21 Reviews)

I am confident to fulfill your requirements in timely manner, along with quality work.

$773 USD in 25 days
(105 Reviews)

Hi we are interested to work with you.

$722 USD in 30 days
(2 Reviews)

I am interested this job. I have been working in Information Technology with many years' experience, especially in: Graphic design, template design, html5, css3, javascript, jquery, hosting, domain, window, linux, open More

$584 USD in 10 days
(18 Reviews)

Hello! We're interested in taking up your project. Please Pm us and we'll discuss the details. Thank you!

$555 USD in 8 days
(5 Reviews)

jquery/php team

$515 USD in 3 days
(4 Reviews)

please check PM

$421 USD in 8 days
(3 Reviews)

Hi, I have 13 years' experience, 8 of them in web development. I have already done something similar for an internal project using pre-HTML5 technology, and I think I can revamp it to use canvas (which I assume is the More

$500 USD in 30 days
(0 Reviews)

hi i have very good jquerry for drag and drop

$500 USD in 5 days
(0 Reviews)

I have used JQuery and JQueryUI extensively in various projects. I will finish the work in 10 days along with extensive documentation (including code level).

$555 USD in 10 days
(0 Reviews)

We are exactly the team you are looking for. Please refer to the PMB.

$547 USD in 20 days
(0 Reviews)