Autoplay
Autocomplete
Previous lesson
Complete and Continue
Transform Magento 2 Admin Grids & Forms
Admin Grids
Overview & expectations of the FAQ module
Preview
5:32
Prep environment for admin grid development
Preview
9:05
Create the module & define dependencies
Preview
4:41
Create admin user resource permissions
Preview
10:22
Create admin menu items
Locked
5:20
Create an admin route
Locked
3:05
Create an admin controller
Locked
6:26
Set an admin page menu & title
Locked
3:18
Create a model, resource model & collection
Locked
8:39
Create a new database table with columns
Locked
10:43
Populate a database table with data
Locked
8:33
Create a virtual class for the grid collection
Locked
9:35
Create the simplest admin grid
Locked
13:39
Exercise: Add additional columns to an admin grid
Locked
Implement an alternate component for an admin grid column
Locked
6:22
Create an admin grid actions column
Locked
7:45
Exercise: Transform the admin actions column into a dropdown
Locked
Create an admin edit controller action
Locked
2:20
Create an admin delete controller action
Locked
11:00
Exercise: Add confirmation dialog to an admin grid delete action
Locked
Make an entire admin grid row into a clickable action
Locked
5:58
Add paging, column toggles & stickiness to the admin grid
Locked
4:37
Add bookmarks to the admin grid & diagnose caching issues
Locked
4:19
Exercise: Sort an admin grid by a column value
Locked
Add filters to an admin grid
Locked
6:27
Set default filters on an admin grid
Locked
4:13
Add a fulltext search box to an admin grid
Locked
5:16
Add a primary action button to an admin grid
Locked
4:32
Create an admin controller for adding new records
Locked
2:10
Set up the UI for admin grid inline editing
Locked
8:52
Create an admin grid inline edit controller action
Locked
14:34
Set up the UI for an admin grid mass action delete
Locked
5:37
Handle an admin grid mass action delete submission
Locked
8:48
Admin Forms
Create a UI Component DataProvider class in PHP
Locked
8:17
Render the admin form UI Component with page layout XML
Locked
3:03
Create the structure of an admin form UI Component
Locked
1:51
UI Component templates & definitions
Preview
4:30
Define the UI Component namespace & data scope with settings
Locked
2:11
Define a UI Component Data Provider using dataSource
Locked
4:35
Define the data source as a dependency to the UI Component
Locked
2:48
Render a fieldset and text form inputs
Locked
5:14
Create & render select dropdown form fields
Locked
3:45
Create a save button for an admin form UI Component
Locked
7:14
Create an admin form save action with pseudo code
Locked
4:16
Implement the admin form save action logic
Locked
17:52
Create a back button to cancel an admin form submission
Locked
5:56
Creating admin form validation rules
Locked
2:24
Conclusion
Downloadable archive of the FAQ module
Locked
Course feedback & certificate for the Admin Grids & Forms course
Locked
Exercise: Add confirmation dialog to an admin grid delete action
Lesson content locked
If you're already enrolled,
log in to access this lesson
.
Enroll in Course to Unlock