This module provides dragging entities and saving their order.
1) Activate Draggableviews module at admin/modules. 2) Navigate to view edit-page, click on the first link at the Format section and then choose style "table". 3) Click Add button at the "Fields" section and choose field "Content:title", add and apply. 4) Click Add button at the "Fields" section and choose field "Draggableviews: Content", add apply. 5) Click Add button at the "Sort criteria" section and choose field "Draggableviews: Weight", add and choose sort asc, then apply. 6) Save the view and you're done.
In the case of table standard Backdrop tabledrag.js JavaScript is used.
We also support jQuery UI Sortable JavaScript. In order to use it please set
display style HTML List.
By default HTML list is displayed like grid. If you would like it to be
displayed as list override
CSS styles for example in following way:
.draggableviews-processed li.views-row { float: none; width: 100%; margin-left: 0; }
You can create one view to set the order and another view to display the order. Or even create one view with two separate displays. In a view that displays the order there should be no draggableviews field (that makes view sortable), then in the settings of the "draggableviews weight" sorting criteria there will be a selectbox "Display sort as" where you can choose the source view of your weights. This is applicable when you use the Native handler.
1) Activate Draggableviews module at admin/modules. 2) Create a new view
*Things to confirm after you saved your new view.
In the Administrative Views UI, Go back to your View's 'page' display.
Display sort as:
(<display title>) </blockquote> <p>This should be the view and block display you just created. FYI - This is also where you can change it to another view.</p> </li> </ul> <h2>Permissions</h2> <p>Add "Access draggable views" permission to users who should be able to reorder views. If a user does not have this permission they can still see the view, however they will not be able to reorder it.</p> <p>If you want only want the order view visible to users with "Access draggable views" then set the Access to "Permission: Access draggable views".</p> <p>When users have the "Access draggable views" and "Use contextual links" permission, they will see a contextual link from the non-reordering view to the ordering view.</p> <h2>Arguments handling</h2> <p>Every time we save the order of a view, the current set of arguments are saved with order. You can see this in draggableviews_structure table "args" column. By default when we display order we use all currently passed arguments to a view to "match" arguments in "args" column. This means that we can create a view with contextual filter or exposed filter criteria and save different orders for different sets of arguments.</p> <p>Using the "Do not use any arguments (use empty arguments)" option will completely ignore passed arguments used in the Arguments handling of Sort criteria Draggable views weight. Be aware that in this case empty arguments set will be used. So you can set order for a view when no arguments passed and then whatever arguments passed, an empty set will be used.</p> <p>Using the "Prepare arguments with PHP code" option will let you alter arguments before they passed to "matching" with "args" column. For us this means that we can create, for example, several exposed filters, but pass values of only one of values of exposed filters instead of all of them.</p> <p>Please be aware that in PHP code arguments are passed as an <code>$arguments</code> variable and you should return an array. An example: <code>return array('status' => 1, 'user' => 2); or return $arguments; // $arguments is already an array.</code></p> <p>In the $arguments array</p> <ul> <li>Contextual filters are NUMBER keyed.</li> <li>Exposed filters are NAME keyed.</li> </ul> <p>For example, say we create two exposed filters: author and node type, but wish to take into account for ordering only node type. We would use the following: <code>unset($arguments['author']); return $arguments;</code></p> <p>When using arguments, make sure your ordering view display has the same arguments as the display you want to show the end user. If they do not match, then your ordering will not match.</p> <p>Using <code>hook_draggableviews_handler_native_arguments_alter(&$arguments, $view, &$form_values)</code>, You may remove or change the arguments save to the database, just as the "Prepare arguments with PHP code" option. See <code>draggavleviews.api.php</code> for more details.</p> <p>Removed Arguments:</p> <ul> <li>The pager 'item_per_page' exposed filter will never be saved.</li> </ul> <h2>Contextual link "Order view"</h2> <p>If there is view with sort order draggableviews weight and the order is set by another view we show "Order view" contextual link for opening a view that sets the order.</p> <h2>Troubleshooting Drag n' drop Not Showing</h2> <ol> <li>Make sure JavaScript is turned on and loading property. Double check your source code. For tables its <code><root>/core/misc/tabledrag.js</code>.</li> <li>Make sure you have draggableviews permission for the correct role.</li> <li>Select 'show row weights'. By default, this is located at the top right of the table. </li> <li>'Show row weights' is a global variable/setting. If you turn it off for one table, then all tables, across all pages, across all users, will not see it. To fix this in the UI, you have to 'hide row weights' on another page/table, such as admin/structure/block or go into the variables table in the database.</li> </ol> <h2>License</h2> <p>This project is GPL v2 software. See the LICENSE.txt file in this directory for complete text.</p> <h2>Current Maintainers</h2> <ul> <li><a rel="noreferrer nofollow" target="_blank" href="https://github.com/docwilmot">docwilmot</a></li> </ul> <h2>Credits</h2> <ul> <li>Maintainers of Drupal module: <ul> <li>podarok - <a rel="noreferrer nofollow" target="_blank" href="http://drupal.org/u/podarok">http://drupal.org/u/podarok</a></li> <li>iStryker - <a rel="noreferrer nofollow" target="_blank" href="http://drupal.org/u/iStryker">http://drupal.org/u/iStryker</a></li> <li>ygerasimov - <a rel="noreferrer nofollow" target="_blank" href="http://drupal.org/u/ygerasimov">http://drupal.org/u/ygerasimov</a></li> <li>dixon<em> - <<a rel="noreferrer nofollow" target="_blank" href="http://drupal.org/u/dixon">http://drupal.org/u/dixon</a></em>></li> <li>sevi - <a rel="noreferrer nofollow" target="_blank" href="http://drupal.org/u/sevi">http://drupal.org/u/sevi</a></li> </ul></li> </ul></div> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>