Reusable Admin Panel

Description

Our goal was to create a reuseable admin panel that can be used by various plugins without having to build or include classes of the same code in multiple plugins, while at the same time being quick to setup.

Download the example plugin to get up and running as quick as possible.

Have suggestions? Submit a Pull Requests via Github.

Features:

• Bootstrap
• Font-Awesome Field Info Buttons and Sidebar Info Helper
• jQuery Dynamic Navigation
• Validation using validator.js
• Automatic sanitization and saving of options
• Method built to easily get individual options
• Settings Grouped Under One Option in Database (Saved as Multi-Dimensional Array)
• Bootstrap Spinner Preloader (Prevents Layout Shifting on Load)
• Removes notices from other plugins when displaying admin panel
• Prevent users from deactivating by displaying a sweetalert2 to deactivate the plugin using the dependency.

Fields:

• Switch
• Text
• [NEW] Textarea
• Email
• URL
• Password
• Number
• Dropdown
• Date
• Time
• Color
• Dropdown Toggle – Additional fields can be added under a dropdown which show/hide based on selected option
• Button – Add multiple buttons that can link or be targeted in custom JS

Screenshots

Installation

1. Backup WordPress
2. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
3. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

Who is this built for?

This is purely for developers to help streamline their development process by making it easier to produce a settings page for their plugins.

Reviews

Contributors & Developers

Changelog

1.0.6

• Added: Textarea input
• Added: Callback to handle errors. Used when conditionally adding fields and needing an error to display.
• Bugfix: URL to have example url as placeholder instead of label
• Bugfix: Dropdowns to have Select Option as placeholder instead of the label

1.0.5

• Updated: Removed plugin name from panel h2
• Updated: Options panel to have a minimum height based on the height of tabs
• Bugfix: Labels for input-group-text not resizing properly
• Optimization: Restructured settings.js to be more readable

1.0.4

• Updated: Label styling to be next to the field for a cleaner look
• Bugfix: Tab indexing
• Bugfix: Handling of multiple fields for dropdown toggle
• Bugfix: Dropdown field not full width

1.0.3

• Added: dropdown_toggle field can add additional fields under a dropdown which show/hide based on selected option
• Added: Support for button fields
• Added: Support for custom JS to take advantage of button fields and other custom needs
• Added: Ability to use SweetAlert2 function in custom js
• Added: Plugin name to section titles
• Added: Ability to add classes to fields
• Optimized: Sanitization method
• Bugfix: Scroll to top on info button click

1.0.2

• Bugfix: Warning on initial activation
• Bugfix: Bootstrap 5 toggle button not displaying

1.0.1

• Bugfix: Default logo not showing if config is not set

1.0.0

• Initial Release