Drag and drop to reorder your ActiveAdmin tables.
npm install activeadmin_reorderableDrag and drop to reorder your ActiveAdmin tables.
insert_at ala the acts_as_list API. You don't need to use acts_as_list, but if you don't, make sure to define insert_at.- Add gem 'activeadmin_reorderable' to Gemfile and run bundle install
- Add import "activeadmin_reorderable" to JS entrypoint (a JS file that is included for activeadmin)
- Add @import "activeadmin_reorderable"; in your CSS style file
NOTE: no need to pin the import in your application. That's handled internally by the gem.
gem 'activeadmin_reorderable' to Gemfile and run bundle install#= require activeadmin_reorderable to app/assets/javascripts/active_admin.js.coffee@import "activeadmin_reorderable"; as the last @import statement in app/assets/stylesheets/active_admin.css.scssnpm install --save activeadmin_reorderable or yarn add activeadmin_reorderableimport "activeadmin_reorderable" to your JS pack file@import "activeadmin_reorderable/app/assets/styleseehts/activeadmin_reorderable.scss"; to your CSS style fileparts.rbruby
ActiveAdmin.register Part do
reorderable # Necessary to support reordering in a subtable within Widget below
end
`widgets.rb
`ruby
ActiveAdmin.register Widget do
config.sort_order = 'position_asc' # assuming Widget.insert_at modifies the position attribute
config.paginate = false reorderable
actions :index, :show
# Reorderable Index Table
index as: :reorderable_table do
column :id
column :name
end
show do |widget|
attributes_table do
row :id
row :name
end
# Reorderable Subtable
# Note: you must include
reorderable in the ActiveAdmin configuration for the resource
# being sorted. See the Part example above this code block.
reorderable_table_for widget.parts do
column :name
column :cost
end
end
end
``See CONTRIBUTING.md