Log in

Transform Magento 2 Admin Grids & Forms

Learn how to simply build grids & forms in Magento 2 with UI Components for custom data management.

Last updated 3 weeks ago

This is a premium course

Only available to enrolled or University students.
Join today to unlock all lessons in this course.

There are 49 lessons in this course:

Admin grids

Understand the FAQ module in Magento

Understand the FAQ module

Prepare the environment for admin grid development in Magento

Prepare the environment for admin grid development

Create a module and define dependencies in Magento

Create a module and define dependencies

Create admin user resource permissions in Magento

Create admin user resource permissions

Create admin menu items in Magento

Create admin menu items

Create an admin route in Magento

Create an admin route

Create an admin controller in Magento

Create an admin controller 6

Set an admin page menu and title in Magento

Set an admin page menu and title

Create a model, resource model, and collection in Magento

Create a model, resource model, and collection 2

Create a database table with columns in Magento

Create a database table with columns

Populate a database table with data in Magento

Populate a database table with data 8

Create a virtual class for a grid collection in Magento

Create a virtual class for a grid collection 10

Create the simplest admin grid in Magento

Create the simplest admin grid 6

Exercise: Add additional columns to an admin grid

Implement an alternate component for an admin grid column in Magento

Implement an alternate component for an admin grid column 2

Create an admin grid actions column in Magento

Create an admin grid actions column 2

Exercise: Transform an admin actions column into a dropdown

Create an admin edit controller action in Magento

Create an admin edit controller action

Create an admin delete controller action in Magento

Create an admin delete controller action 4

Exercise: Add a confirmation dialog to an admin grid delete action

Make an entire admin grid row a clickable action in Magento

Make an entire admin grid row a clickable action 2

Add paging, column toggles, and stickiness to an admin grid in Magento

Add paging, column toggles, and stickiness to an admin grid 6

Add bookmarks to an admin grid and diagnose caching issues in Magento

Add bookmarks to an admin grid and diagnose caching issues

Exercise: Sort an admin grid by a column value 4

Add filters to an admin grid in Magento

Add filters to an admin grid 6

Set default filters on an admin grid in Magento

Set default filters on an admin grid

Add a full-text search box to an admin grid in Magento

Add a full-text search box to an admin grid 5

Add a primary action button to an admin grid in Magento

Add a primary action button to an admin grid

Create an admin controller for adding new records in Magento

Create an admin controller for adding new records

Set up the UI for admin grid inline editing in Magento

Set up the UI for admin grid inline editing 2

Create an admin grid inline edit controller action in Magento

Create an admin grid inline edit controller action 2

Set up the UI for admin grid mass action deletion in Magento

Set up the UI for admin grid mass action deletion

Handle an admin grid mass action deletion submission in Magento

Handle an admin grid mass action deletion submission 3

Admin forms

Create a UI component data provider class in PHP for Magento

Create a UI component data provider class in PHP for Magento

Render an admin form UI component with page layout XML in Magento

Render an admin form UI component with page layout XML

Create the structure of an admin form UI component in Magento

Create the structure of an admin form UI component

Use UI component templates and definitions in Magento

Use UI component templates and definitions 2

Define the UI component namespace and data scope with settings in Magento

Define the UI component namespace and data scope with settings

Define a UI component data provider using dataSource in Magento

Define a UI component data provider using dataSource

Define the data source as a dependency for a UI component in Magento

Define the data source as a dependency for a UI component

Render a fieldset and text form inputs in Magento

Render a fieldset and text form inputs

Create and render select dropdown form fields in Magento

Create and render select dropdown form fields

Create a save button for an admin form UI component in Magento

Create a save button for an admin form UI component

Create an admin form save action with pseudocode in Magento

Create an admin form save action with pseudocode 2

Implement the admin form save action logic in Magento

Implement the admin form save action logic 2

Create a back button to cancel an admin form submission in Magento

Create a back button to cancel an admin form submission 2

Create admin form validation rules in Magento

Create admin form validation rules 2

Conclusion

Downloadable archive of the FAQ module 17

Plan the next steps for admin grids and forms