![]() JQuery UI and horizontal sortable - items shifting to the left when draggedĪs per jquery-ui documentation they provided scroll by default but it's not working. JQuery UI Sortable: Prevent horizontal scrolling with connected lists between full height columns Links for the references which I followed : ![]() ![]() I started with this basic thing by applying overflow properties.įor Vertical - Columns overflow-x: hidden įor Horizontal - Container overflow-x: auto Either horizonatal scrollbar is working or vertical scrollbar is working not both together and I want both the functionality together without any third party javascript library. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport. I also went through with some blogs and stackoverflow answers as well. Enable draggable functionality on any DOM element. If no element is found, no containment will be set. I tried too many things but did not work. Selector: The draggable element will be contained to the bounding box of the first element found by the selector. and I have total 11 columns with width of 323px each. In above code basically I want vertical scrollbar for kanban-column class and horizontal scrollbar for kanban-view main class. Here I am adding template code for this structure. I want vertical scrollbar in individual columns and horizontal scrollbar for entire kanban board both the thing together. In this kanban board user can drag and drop tickets into individual columns according to its status. I created a kanban board using Ruby on Rails and jQuery-ui sortable.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |