CODEWITHSUNDEEP
javascriptjquerycssjquery-uiresponsive-design
user1059511
user1059511

Reputation: 267

jquery sortables in a responsive layout

I have a 3 column layout that folds down to one column. I want to be able to move div's between the columns. The problem I have is a soon as a column is empty there is no way to move a div back into it.

see here (move all divs into one column): http://jsfiddle.net/65ENw/17/

Putting a fixed width on the columns solves this, but then my layout stops being responsive.

Upvotes: 2

Views: 740

Answers (1)

thebiffboff
thebiffboff

Reputation: 958

You can set a min-height and min-width on the columns and they will still occupy space when they have no widgets in them. 

.widgetCol{ margin:0 1% 0 1%; width:98.0%; min-width:20px; min-height: 20px}

I have updated your fiddle to demonstrate: http://jsfiddle.net/65ENw/18/

Upvotes: 1

Related Questions