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