Two CCs of Layout -- Stat


Published on

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.

Published in: Technology, Business
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Two CCs of Layout -- Stat

  1. 1. Session GEEK101 SpeedGeeking: Two CCs of Layout — Stat! Mike McGarel Collaborative Solutions Developer Czarnowski Display Service, Inc.
  2. 2. Mike McGarel <ul><li>Notes/Web developer for over 12 years
  3. 3. Work for a customer, not a business partner
  4. 4. Responsible for intranet and extranet applications
  5. 5. Developer for the Blogger Open and SkiLUG sites
  6. 6. Currently VP of GRANITE, the Chicago-based Lotus user group </li></ul>I AM
  7. 7. Demonstration <ul><li>Structured layout
  8. 8. Custom control within a custom control
  9. 9. Use of core control: Editable area </li></ul>
  10. 10. Sample Application <ul><li>Simple picture gallery
  11. 11. Three pages: </li><ul><li>Home page
  12. 12. List of artists
  13. 13. List of selected artist's pictures </li></ul></ul>
  14. 17. Outer custom control <ul><li>Contains with the layout structure
  15. 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_”
  16. 19. It is used within three pages: </li><ul><li>Home page
  17. 20. List of artists
  18. 21. List of selected artist's pictures </li></ul></ul>
  19. 24. Inner custom control <ul><li>Contains with specific page content
  20. 25. In this example, the custom control “layout_ByDateAdded” has a repeat control that displays the 3 most recently added pictures. </li></ul>
  21. 28. The Technique <ul><li>Create an XPage.
  22. 29. Drag the outer custom control onto the XPage.
  23. 30. Place the inner custom control within the Editable Area of the outer control.
  24. 31. Save and repeat as often as necessary. </li></ul>
  25. 39. Advantages <ul><li>Single source for layout structure
  26. 40. Consistency
  27. 41. Speed </li></ul>
  28. 42. For More Information The “Layout Container” design pattern is described in more detail in the Mastering XPages book, starting on page 358
  29. 43. Thank You! <ul><li>Blog:
  30. 44. Twitter: @mmcgarel
  31. 45. Email: [email_address]
  32. 46. LinkedIn: </li></ul>
  33. 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 IBM’s 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 IBM’s 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.