Margin Content Padding Border.
-
Upload
cameron-blair -
Category
Documents
-
view
232 -
download
1
Transcript of Margin Content Padding Border.
![Page 1: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/1.jpg)
![Page 2: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/2.jpg)
From Zero to Silverlight in 75 Minutes
Paul D. SheriffPresident – PDSA, Inc.www.pdsa.com [email protected]
DEV209
![Page 3: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/3.jpg)
Paul.About
Paul D. Sheriff ([email protected])President of PDSA, Inc.Author, speaker, architectCustom software development, developer toolsSoftware Auditswww.pdsa.com
Developer toolsHaystack Code Generator
www.CodeHaystack.com
.NET Productivity Framework
![Page 4: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/4.jpg)
Agenda
Silverlight definedKey XAML conceptsStyles and resourcesDemos
Creating a UI using XAMLCreating stylesBasic business controlsList and container controls
![Page 5: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/5.jpg)
Silverlight Defined
![Page 6: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/6.jpg)
Silverlight Defined
Plug in to browsersWindows/MAC/Linux (Apache)
Runs on all major browsersRequires users to download SilverlightBuild Rich Internet Applications (RIAs)
Subset of .NET Framework availableData access via XML/services
No system. Data namespace
Some client-side resource access
![Page 7: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/7.jpg)
Silverlight Defined
Used in combination with ASP.NETASP.NET still used for broadest reachSilverlight for specialized functionality
Silverlight 4 offers offline capabilityCan run on desktopPartial or extended trust modes
![Page 8: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/8.jpg)
Silverlight Defined
Main parts of Silverlight appApp.xaml
Tells application where to start
MainPage.xamlThe default main page
Other .xaml pages as neededAny other functionality you need in your app
Web page on which to host Silverlight app.xap file = compiled app, downloaded to client
![Page 9: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/9.jpg)
Uses of Silverlight
Perform animation in web browserBetter UI than possible with ASP.NET
Easier to code than using JavaScript/AJAX
Use C# or VB instead of JavaScriptPresent data to user in rich format
Access via web service, WCF, REST, etc.
![Page 10: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/10.jpg)
Tools You Will Use
Visual Studio 2010Expression Blend (Optional)
Helps with layout & animation
Silverlight Toolkit (Optional)Download from CodePlex.com
![Page 11: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/11.jpg)
Key XAML Concepts
![Page 12: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/12.jpg)
XAML
XAML (pronounced zammel)Declarative markup languageSimilar to HTML or ASP.NETUsed for…
User interfaceData bindingStyles
Use C# or VB for coding
![Page 13: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/13.jpg)
Basic Building Blocks
User controlBasic building block for re-usable code
GridContainer for controlsCan define row and columnsCan constrain height & width
![Page 14: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/14.jpg)
Basic Building Blocks
StackPanelContainer for controlsDoes not constrain height and width
ListBoxVery flexibleYou will use this a lot
DataGridEditable grid
![Page 15: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/15.jpg)
Basic Building Blocks
Other normal UI controlsTextBlock – display text (similar to a label)TextBoxButtonRadioButtonComboBoxCheckBoxetc.
![Page 16: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/16.jpg)
Margins and Padding
Use margins and paddingSet left, top, right, bottom
Example: margin=“10, 2, 5, 4”Starts at left and goes clockwise
Margin
Content
Padding
Border
![Page 17: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/17.jpg)
Creating a UI
Demo…
![Page 18: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/18.jpg)
Styles and Resources
![Page 19: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/19.jpg)
Styles and Resources
Move attributes to resources sectionCan be placed at control or app levelFactor out width, margin, etc.Similar to a CSS file in a web application
![Page 20: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/20.jpg)
Styles and Resources
Demo…
![Page 21: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/21.jpg)
Standard Business Controls
![Page 22: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/22.jpg)
Input/Display Controls
Typical input and display controlsText blockCheck boxRadio buttonPassword boxImageMedia element
![Page 23: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/23.jpg)
Input/Display Controls
Input and display controls
![Page 24: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/24.jpg)
List Controls
Controls for display listsCombo boxList box
![Page 25: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/25.jpg)
Container Controls
Controls that contain other controlsBorderTabScroll viewer
![Page 26: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/26.jpg)
Standard Business Application Controls
Demo…
![Page 27: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/27.jpg)
Summary
Silverlight gives you rich UI for webCross-platform
Easier to code than AJAX/JavaScriptEasier to code than FlashUse VS.NET, Blend and C#/VB
![Page 28: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/28.jpg)
Thank You
Sign up for Haystack Webcastshttp://www.pdsa.com/webcasts
Sign up for Paul Sheriff's Inner CircleLifetime membershipOver $2000 worth of ebooks, video, etc.http://www.PaulSheriffInnerCircle.com
![Page 29: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/29.jpg)
Generate Data, Entity, Business ClassesCRUD stored proceduresService Layer for WCFMVVM, WPF, Silverlight and ASP.NET add, edit, delete forms30 day Trialwww.CodeHaystack.com
![Page 30: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/30.jpg)
Sample Code
http://www.pdsa.com/TechEdGet free Silverlight video
Silverlight XAML for the complete novice – Part 1
** Haystack Special **Special price: $499Use code: TECHED11Valid until: 6/30/2011
![Page 31: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/31.jpg)
Related Content
Breakout sessions (session codes and titles)
Interactive sessions (session codes and titles)
Hands-on labs (session codes and titles)
Product demo stations (demo station title and location)
Related certification exam
Find me later at…
![Page 32: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/32.jpg)
Track Resources
Resource 1
Resource 2
Resource 3
Resource 4
![Page 33: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/33.jpg)
Resources
www.microsoft.com/techedSessions On-Demand & Community Microsoft Certification & Training Resources
Resources for IT Professionals Resources for Developers
www.microsoft.com/learning
http://microsoft.com/technet http://microsoft.com/msdn
Learning
http://northamerica.msteched.com
Connect. Share. Discuss.
![Page 34: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/34.jpg)
Complete an evaluation on CommNet and enter to win!
![Page 35: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/35.jpg)
MS Tag Placeholder Slide
![Page 36: Margin Content Padding Border.](https://reader035.fdocuments.in/reader035/viewer/2022062221/56649e7b5503460f94b7bf51/html5/thumbnails/36.jpg)
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to
be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS
PRESENTATION.