This example shows how to add images and text to the details tab.
- [Instructor] I'm ready to create the UI for my…details tab.…Let's take a look at the tab item.…This is the one I'm interested in.…On line 20 through 22.…The way tab items work is that when you have…a tab control, it can have zero or more tab items.…And each tab item is a little miniature section…of the tab control.…And the tab item defines UI in the header,…that's what I'm defining here.…Each tab item is allowed one child item.…In this case I have a grid.…I'll replace this grid with a stack panel…but before I do that, let me change something…in Visual Studio.…
Let's switch over to the vertical split.…This will let us see more of the text…in the XML editor.…I'm recording this at 1280 by 720 resolution…and that tends to make Visual Studio a bit cramped…sometimes, so I like working in the vertical split,…it makes it a little bit easier to see the text.…Now let's go up here and find the grid and erase it…and put in a stack panel.…And inside the stack panel I'll add a child grid.…
Within the grid I'll put an image.…And then below the image I'll put a rectangle.…
- Why choose Windows Presentation Foundation?
- Exploring the project types
- Creating a WPF project in Visual Studio
- Exploring assemblies and parts
- Using the XAML editor
- Creating the UI, including tabs, details, and controls
- Using data binding
- Adding styles
- Writing interaction code
- Using control templates, 3D parts, and effects
Skill Level Intermediate
Learning Visual Studio Team Serviceswith Jose Miguel Rady Allende1h 17m Intermediate
2. Create a WPF Application
3. Create the UI
4. Examples and Concepts
Next steps1m 37s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.