"developing with the new user interface features in microsoft sharepoint server 2010" by...
TRANSCRIPT
![Page 1: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/1.jpg)
Developing with the New User Interface Features in Microsoft
SharePoint Server 2010 Tihomir Ignatov
Senior ConsultantMicrosoft Corporation
![Page 2: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/2.jpg)
Ribbon Dialogs Status bar Notifications
Reusable UI Controls Ribbon
Status Bar
Notification
Dialog
![Page 3: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/3.jpg)
Server Ribbon
Tabs◦Groups
Controls Control (buttons, drop-down menus, check
boxes, combo boxes, split buttons, and galleries) Command
![Page 4: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/4.jpg)
Server Ribbon<?xml version="1.0" encoding="utf-8"?> <Elements xmlns="http://schemas.microsoft.com/sharepoint/"> <CustomAction Id="DemoHelloWorldButton" RegistrationType="List" RegistrationId="101" Location="CommandUI.Ribbon"> <CommandUIExtension> <CommandUIDefinitions> <CommandUIDefinition Location="Ribbon.Documents.New.Controls._children"> <Button Id="Ribbon.Documents.New.Controls.DemoHelloWorldButton" Alt="Hello World Ribbon Button" Sequence="10" Image32by32="/_layouts/images/PPEOPLE.GIF" Command="Demo_HelloWorld" LabelText="Hello World Demo" TemplateAlias="o2"/> </CommandUIDefinition> </CommandUIDefinitions> <CommandUIHandlers> <CommandUIHandler Command="Demo_HelloWorld" CommandAction="javascript:alert('Hello World!');" /> </CommandUIHandlers> </CommandUIExtension> </CustomAction> </Elements>
![Page 5: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/5.jpg)
Server RibbonTihomir IgnatovSenior ConsultantMicrosoft Corporation
DEMO
![Page 6: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/6.jpg)
Server RibbonSharePoint 2010 Extensibility Projects
DOWNLOAD
http://code.msdn.microsoft.com/vsixforsp
![Page 7: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/7.jpg)
Dialogs Ajax based dialog Reduces page refreshes JavaScript client object model SP.UI.ModalDialog From Server Ribbon
![Page 8: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/8.jpg)
Display Dialog
<!-- Define Dialog inline --> <div id="MyDialogDiv" style="display:none; padding:5px"> <input type="text" value="My Dialog" /> <input type="button" value="Ok" onclick="closeMyDialog()" /> </div>
<!-- Open Dialog --> <script language="ecmascript" type="text/ecmascript"> var myDialog; function showMyDialog() { var MyDialogDiv = document.getElementById("MyDialogDiv"); MyDialogDiv.style.display = "block"; var options = { html: MyDialogDiv, width: 200, height: 200 }; myDialog = SP.UI.ModalDialog.showModalDialog(options); } function closeMyDialog() { myDialog.close(); } </script>
![Page 9: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/9.jpg)
DialogsTihomir IgnatovSenior ConsultantMicrosoft Corporation
DEMO
![Page 10: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/10.jpg)
Status Bar
Display persistent information ◦4 predefined background colors
Red: Very Important
Yellow: Important
Green: Success
Blue: Information
Server and client side HTML message format JavaScript client object model SP.UI.Status.addStatus
![Page 11: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/11.jpg)
Status BarTihomir IgnatovSenior ConsultantMicrosoft Corporation
DEMO
![Page 12: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/12.jpg)
Notifications
Show transitory messages Visible for 5 seconds HTML message format JavaScript client object model SP.UI.Notify.addNotification
![Page 13: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/13.jpg)
NotificationsTihomir IgnatovSenior ConsultantMicrosoft Corporation
DEMO
![Page 14: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/14.jpg)
My blog: http://tihomirignatov.blogspot.com Special thanks to Paul Stubbs Sharepoint 2010 Extensibility Projects on MSDN The demo code will be available soon on my blog
Resources & Contacts
![Page 15: "Developing with the New User Interface Features in Microsoft SharePoint Server 2010" by Tihomir Ignatov](https://reader036.vdocument.in/reader036/viewer/2022081403/556c57a9d8b42acc228b4a53/html5/thumbnails/15.jpg)
Q & A