blocknotes/activeadmin_materialize_theme

A theme for Active Admin based on Materialize framework

Active Admin Materialize Theme

A theme for Active Admin based on Materialize framework.

Please ⭐ if you like it.

Installation

Turbolinks is not supported at the moment.

• Add to the Gemfile: gem 'activeadmin_materialize_theme' (and execute bundle)
• In app/assets/stylesheets/active_admin.scss) leave only this import line:

@import 'activeadmin_materialize_theme/theme';

• (optionally) Enable Roboto font:

@import 'activeadmin_materialize_theme/roboto';

• Add at the end of your Active Admin javascripts (app/assets/javascripts/active_admin.js):

//= require activeadmin_materialize_theme

Screenshots

• Index page (with scopes and filters):
• Edit page (with a nested form):

Do you like it? Star it!

If you use this component just star it. A developer is more motivated to improve a project when there is some interest. My other Active Admin components.

Or consider offering me a coffee, it's a small thing but it is greatly appreciated: about me.

Contributors

• Mattia Roccoberton: author

License

The gem is available as open source under the terms of the MIT License.

activeadmin_materialize_theme's Issues

Nested menus don't work (or dropdown)

Much appreciate the great work! The issue I'm running into is nested menus do not drop down at all. For example:

ActiveAdmin.register Post do
  menu parent: "Blog"
end

ActiveAdmin menus normally would if a parent is specified, cause the particular page Post to appear under a given menu, but is instead the child menu overlaps its parent.

Is theme Full Screen?

Thanks in advance for the great work. Not sure if its a bug or I installed improperlly. But shluld it be full screen, if not how would I make these changes? Please see depicted screenshot using rails 7.

Progress / Roadmap?

Hey, hows it going?

Are you active with this?

Wondering if we can clean up some of the UI to behave like: https://github.com/vigetlabs/active_material

https://camo.githubusercontent.com/d1a2196060649a2df9db240351ab6c45cd617aaad70540fbfdfe15abea836aea/687474703a2f2f692e696d6775722e636f6d2f6b446b477a59652e706e67

Wishlist:

• Dropdown actions menu inside index
• Dropdown utility menu
• Filter/Inputs aligned horizontally

Generally the UI feels less spacious/more optimized in vigetlabs old implementation.

Theme Layout does not cover full webpage

Tabs don't work for show due to scoping to formtastic

Tabs don't work for show due to scoping to formtastic

Cause:

activeadmin_materialize_theme/app/assets/javascripts/activeadmin_materialize_theme.js

Lines 62 to 68 in 3fec02b

	function initTabs() {
	document.querySelectorAll('body.active_admin .formtastic >.tabs').forEach(
	(el) => el.classList.remove('tabs')
	)
	addClassToElements('body.active_admin .formtastic .nav-tabs', 'tabs')
	addClassToElements('body.active_admin .formtastic .nav-tabs >li', 'tab')
	}

Workaround:

show do
  div class: 'formtastic' do 
    tabs do
      tab do 
        # ...
      end
    end
  end
end