1 / 15

Designing & Developing Web-Based Solutions in ASP.NET

Designing & Developing Web-Based Solutions in ASP.NET. Week 3 Website Navigation & Resources. Today’s Agenda. Web Site Navigation MultiView -Wizard SiteMaps TreeView -Menu Controls SiteMapPath Control Resources Text Localization Graphic & Other Asset Localization Lab:

gamma
Download Presentation

Designing & Developing Web-Based Solutions in ASP.NET

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing & Developing Web-Based Solutions in ASP.NET Week 3 Website Navigation & Resources

  2. Today’s Agenda • Web Site Navigation • MultiView-Wizard • SiteMaps • TreeView-Menu Controls • SiteMapPath Control • Resources • Text Localization • Graphic & Other Asset Localization • Lab: • Finish MasterPage & Populate Site with pages • Website Navigation • Localized Text Strings Designing & Developing Web-Based Solutions in ASP.NET

  3. MultiView & Wizard Controls • Purpose • Single web page -- Multiple views • Lists (www.vistaprint.com) • Surveys • Alternate views of data (Raw text, chart, image, …) • Good • Single page keeps navigation simple • Bad • Data / State can make for large page if sloppy. Designing & Developing Web-Based Solutions in ASP.NET

  4. MultiView vs. Wizard • Wizard has more features • State restrictions • Extra navigation controls • Submit control • Submit each step OR • Submit on final Designing & Developing Web-Based Solutions in ASP.NET

  5. Site Maps • Purpose • Define page Heirarchy • Define page URL, Friendly Name, Tooltip Description • Use in a Navigation control • Types • Files: <somename>.sitemap • Code/DB: via SiteMapProvider Designing & Developing Web-Based Solutions in ASP.NET

  6. Default.sitemap file • <?xml version="1.0" encoding="utf-8" ?> • <siteMapxmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > • <siteMapNodeurl="Default.aspx" title=“Home" description="Home page"> • <siteMapNodeurl="About.aspx" title="About" description="Company History" /> • </siteMapNode> • </siteMap> Designing & Developing Web-Based Solutions in ASP.NET

  7. Nested Site Map files • <siteMap> • <siteMapNode title=“Home” url=“~/”> • <siteMapNodesiteMapFile=“~/Visitor.sitemap” /> • <siteMapNodesiteMapFile=“~/Admin.sitemap” /> • </siteMapNode> • </siteMap> • Can restrict menu display to child sitemaps Designing & Developing Web-Based Solutions in ASP.NET

  8. Site Map Restrictions • URL’s must be unique • Work Arounds • Use a custom SiteMapProvider (more work) • Add dummy query strings to identical URLs (BEST) • URL=“~\About.aspx?id=1” • URL=“~\About.aspx?id=2” • URL Mapping: Alias URLs in web.config • <configuration><system.web> • <urlMappings enabled=“true”> • <add url=“~/About.aspx?id=1” mappedUrl=“~\About.aspx”/> • NOTE: stops the bogus query string from appearing Designing & Developing Web-Based Solutions in ASP.NET

  9. Security Trimming • Auto enable/disable private pages in .sitemap • web.config • <configuration><system.web> • <siteMapdefaultProvider=“SecureSiteMapProvider”> • <add name=“SecureSiteMapProvider” • siteMapFile=“Default.sitemap” • securityTrimmingEnabled=“true”/> • Turn OFF security • Default.sitemap • <SiteMapNode title=“Admin” … roles=“*”/> // All allowed Designing & Developing Web-Based Solutions in ASP.NET

  10. SiteMapDataSource • Provides the link: • References a .sitemap • Hooked to one or more Navigation controllers • Control Hierarchy Visibility • SiteMapDataSource.ShowStartingNode • SiteMapDataSource.StartFromCurrentNode • SiteMapDataSource.StartingNodeOffset Designing & Developing Web-Based Solutions in ASP.NET

  11. Menu &/|| Treeview • Both highly configurable • Orientation: horizontal/vertical • Colors, images, fonts • Dummy vs. clickable nodes • Spacing • Styles for different levels of the hierarchy • Add the SiteMapDataSource to the property • Can have multiple menus & SiteMapDataSrc’s Designing & Developing Web-Based Solutions in ASP.NET

  12. SiteMapPath • Purpose: • Displays the current pages hierarchy. • “You are HERE” • Can allow user to select a parent page • Can set styles, clickable links, tooltips, … • Home > About > Contact Us > Directions • ParentLevelsDisplayed = 1 • Contact Us > Directions • Does NOT use siteMapDataSource. Designing & Developing Web-Based Solutions in ASP.NET

  13. Localization – Resource files • App_LocalResources • Page Specific • About.aspx  About.aspx.resx • About.aspx  About.aspx.fr.resx • About.aspx  About.aspx.sp.resx • App_GlobalResources • Site wide • Resources.resx • Content • ID=Text Designing & Developing Web-Based Solutions in ASP.NET

  14. Localization - Code • String.Format() // localized by default • “0:c” // currency • Additional special symbols localized (date/time,…) • DateTime.ToString() // localized by default Designing & Developing Web-Based Solutions in ASP.NET

  15. Homework • Readings • Chapter 15 – User Controls • Project • Menu, BreadCrumb, Localization, Wizard… Designing & Developing Web-Based Solutions in ASP.NET

More Related