two ccs of layout -- stat

Download Two CCs of Layout -- Stat

If you can't read please download the document

Upload: michael-mcgarel

Post on 18-Jun-2015

794 views

Category:

Technology


1 download

DESCRIPTION

In this Speedgeeking session from Lotusphere 2012, I described the benefits of using the basic XPages technique of an outer custom control with common layout elements containing an inner custom control with specific page content.

TRANSCRIPT

  • 1. Session GEEK101SpeedGeeking: Two CCs of Layout Stat!Mike McGarel Collaborative Solutions DeveloperCzarnowski Display Service, Inc.

2. Mike McGarel

  • Notes/Web developer for over 12 years

3. Work for a customer, not a business partner 4. Responsible for intranet and extranet applications 5. Developer for the Blogger Open and SkiLUG sites 6. Currently VP of GRANITE, the Chicago-based Lotus user group I AM 7. Demonstration

  • Structured layout

8. Custom control within a custom control 9. Use of core control: Editable area 10. Sample Application

  • Simple picture gallery

11. Three pages:

  • Home page

12. List of artists 13. List of selected artist's pictures 14. 15. 16. 17. Outer custom control

  • Contains with the layout structure

18. In this example, the custom control layout_Container contains the header, side menu and Editable Area control, which appears on the screen as a rectangle with an ID that starts with facet_ 19. It is used within three pages:

  • Home page

20. List of artists 21. List of selected artist's pictures 22. 23. 24. Inner custom control

  • Contains with specific page content

25. In this example, the custom control layout_ByDateAdded has a repeat control that displays the 3 most recently added pictures. 26. 27. 28. The Technique

  • Create an XPage.

29. Drag the outer custom control onto the XPage. 30. Place the inner custom control within the Editable Area of the outer control. 31. Save and repeat as often as necessary. 32. 33. 34. 35. 36. 37. 38. 39. Advantages

  • Single source for layout structure

40. Consistency 41. Speed 42. For More Information The Layout Container design pattern is described in more detail in theMastering XPagesbook, starting on page 358 43. Thank You!

  • Blog:www.bleedyellow.com/blogs/McGarelGramming/

44. Twitter: @mmcgarel 45. Email:[email_address] 46. LinkedIn: www.linkedin.com/in/mikemcgarel 47. Legal disclaimer IBM Corporation 2012.All Rights Reserved. The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBMs current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBMs sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results. IBM, the IBM logo, Lotus, Lotus Notes, Notes, Domino, and Lotusphere are trademarks of International Business Machines Corporation in the United States, other countries, or both. All references to Fine Art Gallery refer to a fictitious company and are used for illustration purposes only.