> For the complete documentation index, see [llms.txt](https://eleven-fifty-academy.gitbook.io/dotnet-201-elevennote/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleven-fifty-academy.gitbook.io/dotnet-201-elevennote/elevennote-parts-1-11/part-8-notedetail/8.1-detailview.md).

# 8.1: Detail View

## Create the Detail View

In order to physically see the `NoteDetail` model on our webpage, we need to create a view for it.

1. Open `NoteController.cs`
2. The error is gone since we added the `GetNoteById()` method in `NoteService.cs`
3. Right click on the `Details()` method and add a view
4. Fill it out like this:

   ![Details View](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAxO8uXiNjpf04bjm2j%2F-LAxOAotXEQZKlKiuwjW%2F8.1-A.png?generation=1524669662313507\&alt=media)

## ActionLinks

1. In the `Details.cshtml` file that was created, change the `ActionLink`s at the bottom to:

   ```markup
    </div>
        <p>
            @Html.ActionLink("Edit", "Edit", new { id = Model.NoteId }) |
            @Html.ActionLink("Back to List", "Index")
        </p>
   ```
2. Go to **Views -> Notes -> Index.cshtml**
3. Change the `ActionLink`s at the bottom to:

   ```markup
                    </td>
                <td>
                    @Html.ActionLink("Edit", "Edit", new { id=item.NoteId }) |
                    @Html.ActionLink("Details", "Details", new { id=item.NoteId }) |
                    @Html.ActionLink("Delete", "Delete", new { id=item.NoteId })
                </td>
            </tr>
        }
   ```
4. ![Git](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAwyv0-ttugakHO6zeV%2F-LAwyxUd0dcYSLXYb-5s%2Fdevicons_github_badge.png?generation=1524662787257488\&alt=media)
5. These anonymous classes inside the `ActionResult` will communicate to the `NoteController` and select the appropriate Note.
6. Run the app and go to the details view on one of the notes:

   ![Details](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAxO8uXiNjpf04bjm2j%2F-LAxOAuejW0plsW7qDJh%2F8.1-B.png?generation=1524669663707637\&alt=media)

Do you see that URL **localhost:59641/Note/Details/4**? [Next,](/dotnet-201-elevennote/elevennote-parts-1-11/part-8-notedetail/8.2-urlandroutes.md) we'll cover the components of it.
