--- title: "Document outline" url: "https://osherove.com/blog/2003/9/11/document-outline.md" canonical: "https://osherove.com/blog/2003/9/11/document-outline.html" published: "2003-09-11T07:14:00" updated: "2003-09-11T07:14:00" tags: [".Net Original", "Tips & Tricks"] author: "Roy Osherove" description: "For the past few weeks I've been deep diving into ASP.Net land. One of the things I wasn't prepared for was the amount of time I would have to spend tweaking and changing HTML and Java Scripts. A lot. Lots of times I…" usage: "Licensed under CC BY 4.0 — reuse, quote and adapt with attribution (Roy Osherove, link to the original page)." license: "https://creativecommons.org/licenses/by/4.0/" --- # Document outline By Roy Osherove September 11, 2003 In [.Net Original](https://osherove.com/blog/category/net-original), [Tips & Tricks](https://osherove.com/blog/category/tips-tricks) **Historical article** · Originally published September 11, 2003; technical details may be outdated. For the past few weeks I've been deep diving into ASP.Net land. One of the things I wasn't prepared for was the amount of time I would have to spend tweaking and changing HTML and Java Scripts. A lot. Lots of times I found myself lost in the sea of HTML and scripts, until I found a very cool feature of vs.Net: The “Document outline” window. Whether you're on design view or HTML view - just press CTRL+ALT+T and the window opens up showing you a hierarchical tree view of the page structure - tables, Divs, every thing and it jumps to where you are in the page so you can actually get a “**You are here”** feature like in those city maps on billboards. Very cool. However, this is not news to lots of folks. What I **did** discover is another feature in this window: One of the things that window does **not** show is all the scripts in the page, or does it? Look at the top left corner of that window. That little flash icon just wants to be pressed! Voilà! You have all the scripts in the page including a list of all client and objects events (those that are implemented are highlighted in **bold.** Double clicking on one of those events automatically inserts the event wire up in the HTML and creates a simple function to take care of that event in java script, landing you right inside it, VB style. If only it would write all those functions in a single separate script block that would rule. Can't have everything I guess :) Very cool! ## More in .Net Original [All posts in .Net Original](https://osherove.com/blog/category/net-original) - Sep 14, 2003 ### [IsNumeric() hell](https://osherove.com/blog/2003/9/14/isnumeric-hell-1.html) - Sep 14, 2003 ### [IsNumeric() hell](https://osherove.com/blog/2003/9/14/isnumeric-hell.html) - Sep 10, 2003 ### [Israeli .Net web casts - finally!](https://osherove.com/blog/2003/9/10/israeli-net-web-casts-finally.html) - Sep 10, 2003 ### [Issue and solution: Web custom control not showing in designer with "Security Error" tooltip](https://osherove.com/blog/2003/9/10/issue-and-solution-web-custom-control-not-showing-in-designe.html) --- ## About the author **Roy Osherove**: Senior Solutions Architect at AWS working on AI for production and AI-driven development; author of The Art of Unit Testing and Elastic Leadership, with about 20 years of consulting and training on unit testing, TDD, team leadership and continuous delivery. ### Sites - [RobotPaper](https://robotpaper.ai/): This blog: AI patterns and anti-patterns, AI and coding agents, and engineering leadership. - [osherove.com](https://osherove.com): Roy's personal site. Author of The Art of Unit Testing and Elastic Leadership; consulting and training on unit testing, TDD, team leadership and continuous delivery, plus about 20 years of blog posts. - [The Art of Unit Testing](https://www.artofunittesting.com): The Art of Unit Testing, 3rd Edition (Manning): readable, maintainable, trustworthy unit tests, plus TDD workshops in C#, JavaScript, Java and Kotlin. - [5whys.com](https://www.5whys.com): Roy's writing on software team leadership: self-organizing teams, surviving chaos, learning mode and the Elastic Leadership model. - [Pipeline Driven](https://pipelinedriven.org): Continuous delivery and DevOps practices: build patterns, pipeline-friendly testing, DevOps metrics and enterprise DevOps. - [Elastic Leadership](https://www.elasticleadership.com): Elastic Leadership, Roy's framework for software team leaders (survival, learning and self-organizing modes). ### Social - X: https://x.com/royosherove - LinkedIn: https://www.linkedin.com/in/osherove/ ### Contact - Contact form: https://forms.gle/jQSx5KoXvrVA1JCK7 ### License Licensed under CC BY 4.0 — reuse, quote and adapt with attribution (Roy Osherove, link to the original page). License: https://creativecommons.org/licenses/by/4.0/