Select ListView from the completion list and press the TAB key twice to insert the snippet. Figure 3 The inserted snippet To progress you will need to add the layout, to put in a temporary placeholder. Enter the following code to define the LayoutTemplate: XML <LayoutTemplate> <table id="itemPlaceholderContainer"> <tr runat="server" id="itemPlaceholder"> </tr> </table> </LayoutTemplate> Figure 4 The completed snippet Note: In this task, you brought up the completion list by typing the “<” character. Another way to show that list is to use the CTRL+J shortcut. Yet another option is to invoke the snippet picker by using the CTRL+K, CTRL+X shortcut. This may be faster in some cases because you can narrow the snippets by group as shown below: By selecting the ASP.NET folder and pressing the TAB key, you will see a list of the ASP.NET specific snippets: You can abort this action by pressing the ESC key. Do not add any more controls to this page at this time. Task 2 – Creating a Custom HTML Snippet
Select ListView from the completion list and press the TAB key twice to insert the snippet. Figure 3 The inserted snippet To progress you will need to add the layout, to put in a temporary placeholder. Enter the following code to define the LayoutTemplate: XML <LayoutTemplate> <table id="itemPlaceholderContainer"> <tr runat="server" id="itemPlaceholder"> </tr> </table> </LayoutTemplate> Figure 4 The completed snippet Note: In this task, you brought up the completion list by typing the “<” character. Another way to show that list is to use the CTRL+J shortcut. Yet another option is to invoke the snippet picker by using the CTRL+K, CTRL+X shortcut. This may be faster in some cases because you can narrow the snippets by group as shown below: By selecting the ASP.NET folder and pressing the TAB key, you will see a list of the ASP.NET specific snippets: You can abort this action by pressing the ESC key. Do not add any more controls to this page at this time. Task 2 – Creating a Custom HTML Snippet
WebDevelopment.docx