Resizable / Draggable grid - using percents instead of pixels for snap-to dimensions
I'm trying to set up a div to be draggable and resizable, on a grid.
Think of Google's Calendar, where events can be dragged from one day
to another, or spread across days, or resized within a specific day.
That sort of thing.
The problem is that all of the documentation dealing with the "grid"
property talk about it only in terms of pixels. But my layout has the
events on a calendar whose days are a percentage of the total screen.
That is, they're a fluid width. I'd like for the elements to snap to
the correct size -- 1 day = 13.25%; 2 days = 26.5%; 3 days = 39.75%; 4
days = 53% and so on. But "grid: [13.25%, 1]" doesn't work.
I know it can handle math ([100 * 2, 10] works) ... is there a way to
pass variables into that grid definition? Or to define it with
percentages?
Topic Participants
charlie
Richard Worth