Here’s what my Application Directory looks like:
Nice, but all that SharePoint chrome isn’t needed for the purpose of navigating the directory.
The answer is simple. Just a few CSS styles you override to hide everything.
Here’s the CSS markup you need:
2 /* hide the ribbon row */
5 display: none;
7 /* hide the title row (menus, social tags, search) */
10 display: none;
12 /* without overriding this your content
13 will get pushed down */
14 body #s4-leftpanel
16 width: 0;
18 /* without this your content will be
19 pushed to the left */
22 margin-left: 0;
And here’s the result:
Nice and clean.
If your admins need to get to the underlying system pages just navigate to “/_layouts/viewlsts.aspx” and they can navigate around normally from there. You could also create a link on the main page for that, even wrap it in a security token so only admins can see it!
I have a blog post in the works on turning those pretty Metro icons into Live Tiles with data from the subsites, but that’s for another day.
Until then, enjoy!