diff --git a/docs/en/Tutorials/Part-3.md b/docs/en/Tutorials/Part-3.md index c8b5c58388..15adab29cf 100644 --- a/docs/en/Tutorials/Part-3.md +++ b/docs/en/Tutorials/Part-3.md @@ -689,7 +689,7 @@ Open `/src/app/book/book.component.html` and make the following changes: You can open your browser and click the **New book** button to see the new modal. -![Empty modal for new book](images/bookstore-empty-new-book-modal.png) +![Empty modal for new book](images/bookstore-empty-new-book-modal-2.png) ### Create a Reactive Form @@ -926,7 +926,7 @@ export class BookComponent implements OnInit { Now, you can open your browser to see the changes: -![Save button to the modal](images/bookstore-new-book-form-v2.png) +![Save button to the modal](images/bookstore-new-book-form-v3.png) ## Updating a Book @@ -1054,7 +1054,7 @@ Open `/src/app/book/book.component.html`  and add the following `ngx-datatable- Added an "Actions" dropdown as the first column of the table that is shown below: -![Action buttons](images/bookstore-actions-buttons.png) +![Action buttons](images/bookstore-actions-buttons-2.png) Also, change the `ng-template #abpHeader` section as shown below: @@ -1118,11 +1118,11 @@ Open `/src/app/book/book.component.html` and modify the `ngbDropdownMenu` to add The final actions dropdown UI looks like below: -![bookstore-final-actions-dropdown](images/bookstore-final-actions-dropdown.png) +![bookstore-final-actions-dropdown](images/bookstore-final-actions-dropdown-2.png) Clicking the "Delete" action calls the `delete` method which then shows a confirmation popup as shown below: -![bookstore-confirmation-popup](images/bookstore-confirmation-popup.png) +![bookstore-confirmation-popup](images/bookstore-confirmation-popup-2.png) {{end}} diff --git a/docs/en/Tutorials/images/bookstore-actions-buttons-2.png b/docs/en/Tutorials/images/bookstore-actions-buttons-2.png new file mode 100644 index 0000000000..a67dabe995 Binary files /dev/null and b/docs/en/Tutorials/images/bookstore-actions-buttons-2.png differ diff --git a/docs/en/Tutorials/images/bookstore-confirmation-popup-2.png b/docs/en/Tutorials/images/bookstore-confirmation-popup-2.png new file mode 100644 index 0000000000..f6156d7952 Binary files /dev/null and b/docs/en/Tutorials/images/bookstore-confirmation-popup-2.png differ diff --git a/docs/en/Tutorials/images/bookstore-empty-new-book-modal-2.png b/docs/en/Tutorials/images/bookstore-empty-new-book-modal-2.png new file mode 100644 index 0000000000..d04819407d Binary files /dev/null and b/docs/en/Tutorials/images/bookstore-empty-new-book-modal-2.png differ diff --git a/docs/en/Tutorials/images/bookstore-final-actions-dropdown-2.png b/docs/en/Tutorials/images/bookstore-final-actions-dropdown-2.png new file mode 100644 index 0000000000..0631e3aeab Binary files /dev/null and b/docs/en/Tutorials/images/bookstore-final-actions-dropdown-2.png differ diff --git a/docs/en/Tutorials/images/bookstore-new-book-form-v3.png b/docs/en/Tutorials/images/bookstore-new-book-form-v3.png new file mode 100644 index 0000000000..cb462cbc0d Binary files /dev/null and b/docs/en/Tutorials/images/bookstore-new-book-form-v3.png differ