Using Lotus Domino Designer 8.5, we will create a Lotus Domino XPage web application that utilizes advanced Web 2.0 technology, and explain what we are doing it along the way. This step by step demonstration will highlight many of the application development improvements for Lotus Domino 8.5. See how you can develop with Domino Designer and XPages. We will explore AJAX, Script Libraries, DoJo and custom controls.
See http://www-10.lotus.com/ldd/ddwiki.nsf/dx/LS09_SHOW106.htm to find out more or to download application resources.
The Joomla Quick Start Guide was developed for the most novice user. The tutorial is an easy read with tons of step-by-step illustration for the Joomla beginner.
Office Share Point Server2007 Functionaland Architectural OverviewLiquidHub
1. The document describes a virtual lab for exploring the features and architecture of Microsoft Office SharePoint Server 2007. It includes exercises on using web parts, searching for people, and creating links in My Site.
2. The lab will be conducted on three virtual machines - a domain controller, SharePoint server, and client computer. Exercises will demonstrate the user interface, administration interface, and security of Office SharePoint Server 2007.
3. The objectives are to describe the user interface, administration interface, and security of Office SharePoint Server 2007 to help the network administrator understand the new features and architecture for a planned migration from SharePoint Portal Server 2003.
Cross the boundaries with the upcoming XPages public API! You'll see how you can extend XPages by providing your own native controls, like a scrolling grid or outlines. You'll also see how to create your own data sources, secured REST services, simple actions, and IBM Lotus Sametime awareness rendering. See how you can increase your productivity -- and push your application to the highest standard.
Ad108 - XPages in the IBM Lotus Notes Client - A Deep Dive!ddrschiw
This session gives you the grand tour of XPages in the Lotus Notes client. You'll discover how easy it is to take your XPages Web apps offline, and then add custom client behaviors that really adapt your application to Lotus Notes client platform. Spread your wings and integrate your application with other client components using real-world use cases that can make a real difference to your business. Learn how to test and debug your XPages client app along the way, and see how XPages supports traditional Lotus Notes client features and get a glimpse of where these integration points will lead in the future. If you have plans for XPages on the Lotus Notes client, this session is a must for you!
This presentation introduces application developers to the use of XPages in IBM Lotus
Notes and Domino applications for the Web. It is accompanied by a series of exercises. For more information, see http://www-10.lotus.com/ldd/ddwiki.nsf/dx/Tutorial-intro-to-XPages.htm
The document discusses how to use Visual Studio tools to build Visual Basic applications, including identifying the interface elements like the title bar, menu bar, toolbox, and standard toolbar. It provides steps for opening a new project, creating a form, and adding controls like text boxes and buttons to the form while customizing properties like the text. The objectives are for students to become familiar with the Visual Studio interface and learn how to set up a basic project with a form and some example controls.
1. The document provides steps to create a quiz game using multiple forms in Visual Basic 6.0, including creating interfaces and coding the logic for each form.
2. It describes creating 5 forms - a login form, loading form, two question forms, and a results form.
3. Coding instructions are provided for each form to control navigation between forms and track the score as the user answers questions.
The Joomla Quick Start Guide was developed for the most novice user. The tutorial is an easy read with tons of step-by-step illustration for the Joomla beginner.
Office Share Point Server2007 Functionaland Architectural OverviewLiquidHub
1. The document describes a virtual lab for exploring the features and architecture of Microsoft Office SharePoint Server 2007. It includes exercises on using web parts, searching for people, and creating links in My Site.
2. The lab will be conducted on three virtual machines - a domain controller, SharePoint server, and client computer. Exercises will demonstrate the user interface, administration interface, and security of Office SharePoint Server 2007.
3. The objectives are to describe the user interface, administration interface, and security of Office SharePoint Server 2007 to help the network administrator understand the new features and architecture for a planned migration from SharePoint Portal Server 2003.
Cross the boundaries with the upcoming XPages public API! You'll see how you can extend XPages by providing your own native controls, like a scrolling grid or outlines. You'll also see how to create your own data sources, secured REST services, simple actions, and IBM Lotus Sametime awareness rendering. See how you can increase your productivity -- and push your application to the highest standard.
Ad108 - XPages in the IBM Lotus Notes Client - A Deep Dive!ddrschiw
This session gives you the grand tour of XPages in the Lotus Notes client. You'll discover how easy it is to take your XPages Web apps offline, and then add custom client behaviors that really adapt your application to Lotus Notes client platform. Spread your wings and integrate your application with other client components using real-world use cases that can make a real difference to your business. Learn how to test and debug your XPages client app along the way, and see how XPages supports traditional Lotus Notes client features and get a glimpse of where these integration points will lead in the future. If you have plans for XPages on the Lotus Notes client, this session is a must for you!
This presentation introduces application developers to the use of XPages in IBM Lotus
Notes and Domino applications for the Web. It is accompanied by a series of exercises. For more information, see http://www-10.lotus.com/ldd/ddwiki.nsf/dx/Tutorial-intro-to-XPages.htm
The document discusses how to use Visual Studio tools to build Visual Basic applications, including identifying the interface elements like the title bar, menu bar, toolbox, and standard toolbar. It provides steps for opening a new project, creating a form, and adding controls like text boxes and buttons to the form while customizing properties like the text. The objectives are for students to become familiar with the Visual Studio interface and learn how to set up a basic project with a form and some example controls.
1. The document provides steps to create a quiz game using multiple forms in Visual Basic 6.0, including creating interfaces and coding the logic for each form.
2. It describes creating 5 forms - a login form, loading form, two question forms, and a results form.
3. Coding instructions are provided for each form to control navigation between forms and track the score as the user answers questions.
The document provides instructions for creating and working with forms and tables in Microsoft Word 2007. It discusses how to set up Word for creating forms, add content controls to a form, and protect parts or all of a form. The document also explains how to insert a table, convert text to a table, and convert a table to text. Key functions covered include the Table Tools Design and Layout ribbons, adding and formatting rows and columns, and setting table properties.
To create an executable (.exe) file from a MATLAB GUI program, there is a 5 step process using the deploytool:
1) Open the deploytool and create a new deployment project, selecting Windows standalone application.
2) Add the main MATLAB file (.m) and any other files like figures (.fig) to the project.
3) Click the build button to generate the executable in the project location.
4) The build process will create an executable file that can be distributed and run independently of MATLAB.
This document provides instructions for completing a lab assignment for CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Key steps are to explore Server Manager, install AD, add roles, and organize users and groups in the new domain.
This document provides instructions for completing a lab assignment in CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Screenshots are to be included in the lab report at various steps.
Cis 246 Enthusiastic Study / snaptutorial.comGeorgeDixon96
This document provides instructions for completing a lab assignment for CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Screenshots are to be included in the lab report at various steps.
This document provides instructions for completing a lab assignment for CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Key steps are to explore Server Manager, install AD, add roles, and organize users and groups in the new domain.
This document provides instructions on creating a first application in Visual Basic .NET by familiarizing the user with the integrated development environment. It describes the main components like the get started page, solution explorer, toolbox, properties window and menu bar. It then provides step-by-step instructions to create an application called "Lady or the Tiger" by adding controls like labels, picture boxes, text boxes and buttons to the form and setting their properties.
Enterprise Content Managementwith Office Share Point Server2007LiquidHub
This document provides an overview of a Microsoft Virtual Labs exercise on using enterprise content management features in Office SharePoint Server 2007. The objectives are to describe document management, workflows, records management, and creating websites and web parts. The scenario involves configuring these features for a company migrating from SharePoint Portal Server 2003 to Office SharePoint Server 2007. The lab contains exercises on using content types, workflows, and the document information panel to manage documents.
Enterprise Content Managementwith Office Share Point Server2007LiquidHub
This document provides an overview of a Microsoft Virtual Labs exercise on using enterprise content management features in Office SharePoint Server 2007. The objectives are to describe document management, workflows, records management, and web content management in SharePoint 2007. The scenario involves configuring SharePoint 2007 features after migrating from SharePoint 2003. The lab includes exercises on using content types, workflows, and the document information panel to manage documents.
The document provides instructions for creating a Visual C++ Win32 console application in Microsoft Visual Studio 2008. It describes:
1. Creating a new Win32 console application project and setting the application type to Console Application.
2. Adding a source code file to the project by right clicking the Source Files folder and selecting Add > New Item, then choosing C++ File.
3. The source code can then be written and the program compiled, linked and run within Visual Studio 2008.
The visual studio start page is shown in the figure belowTan Ps
The document provides instructions for creating a student information application in Visual Basic. It discusses setting up the project environment, building a user interface with labels and text boxes, and writing code to display data. Key steps include:
1. Creating a new Windows Forms project and setting properties like the form name and font.
2. Adding labels, text boxes, and buttons to the form and setting their name, text, and size properties.
3. Writing code handlers for the button click events to display data in the text boxes using assignment statements.
4. Saving and running the project, and using remarks to document the code. The goal is to display sample student information when buttons are clicked.
Cis247 a ilab 4 composition and class interfacescis247
The document provides instructions for iLab 4 on composition and class interfaces. Students are asked to:
1. Create a Benefits class and integrate it into the Employee class.
2. Create an iEmployee abstract class to ensure Employee implements calculatePay().
3. Modify Employee to demonstrate composition with Benefits and implement the interface. Students should capture output, zip files, and submit deliverables to the Dropbox.
SecondKey is a utility which corrects typos and expands short forms in most applications in the MS-Windows environment (see examples of supported applications below). It replaces individual built-in typo correctors found in your applications (for example, MS-Office) and provide auto-correction and short form expansion capabilities to applications without them (for example notepad). SecondKey is customizable to your needs. You can add your own frequent typos for correction and your own short forms. Your customization only needs to be done once in SecondKey and SecondKey will use your customization in all supported applications. We spend 1/8 of our time in front of a computer entering text and 1/8 of that time using the "backspace" key or the "delete" key. With SecondKey, the keys for correction will be used less often and short forms will be expanded automatically, helping you to type accurately, type less and type fast (almost) everywhere.
Official website: www.appcollection.me
This Manual for: SecondKey (SK) | Collection - Tutorial
Price: FOC for Free Edition
Editions available: Free Edition, Personal Edition, Business Edition
For any inquiries, do contact: secondkey@outlook.com
Cis247 i lab 4 composition and class interfacessdjdskjd9097
The iLab involves modifying an Employee class to include composition with a new Benefits class. Students are instructed to:
1. Create a Benefits class and include it in the Employee class.
2. Create an iEmployee interface for the Employee class to implement.
3. Modify the Main method to demonstrate using the new Benefits class and creating Employee objects.
Students are to capture the output of their program, zip their project files, and submit them through the assignment Dropbox.
Harness the power of XPages in Lotus Dominodominion
One of the latest additions to the Domino Web developers\' toolkit of technologies,
XPages, is also arguably its most powerful and revolutionary to date. XPages allows
for functionality and capabilities previously thought impossible to achieve in Domino
application development.
1) The document provides instructions for a lab assignment introducing visual basic programming. Students are instructed to create a basic visual basic application with a text box, button, and label.
2) The application is programmed to enable the button when text is entered in the text box, and display a greeting message combining the text box text when the button is clicked.
3) Additional code is added to clear the text box and disable the button when the label text changes. Students must have their progress checked off by a lab helper.
CIS 247C iLab 4 of 7: Composition and Class Interfaces HomeWork-Fox
The objective of the lab is to modify the Employee class to incorporate composition with a Benefits class and implement an abstract iEmployee interface. Students are instructed to create a Benefits class, integrate it into the Employee class by adding a Benefit attribute, and make Employee inherit from the abstract iEmployee interface requiring implementation of calculatePay. The main method is updated to demonstrate use of the new Benefits object by prompting the user for benefit details and displaying employee information along with their assigned benefits.
This lesson describes how to create a new discussion database and documents that will be used as components in a composite application. The procedures involve:
1) Creating a new local Notes database called "MyDiscussion" based on the discussion template.
2) Creating documents in the new "MyDiscussion" database by adding sample discussion topics and replies.
These components will later be enhanced to support inter-component communication and be added to a composite application.
This document provides a tutorial on working with databases in Rational Application Developer. It shows how to connect to a Cloudscape database from Application Developer, create tables and columns, generate DDL statements, and sample data. The tutorial creates two tables, CUSTOMER and ADDRESS, with a one-to-many relationship, and enters sample data. It demonstrates both creating database objects directly in Cloudscape and through Application Developer's visual tools.
The document describes how TinyERP, an IT company, uses OpenERP's project management functionality to manage a website development project for their customer, CTI. It outlines the steps taken: 1) Creating a customer record for CTI, 2) Creating a project for CTI's website development, 3) Creating tasks for developing the home and about us pages, 4) Assigning and completing the tasks, 5) Generating an invoice, and 6) Creating an issue record when problems arise with the completed site. The exercises provide instructions for performing each step in the OpenERP interface.
The document summarizes the new features and enhancements in IBM Lotus Notes Traveler 8.5.3 for various mobile devices. Key updates include installation improvements and mail enhancements for Android devices, the ability to flag emails and improved folder management for Apple devices, new support for Symbian^3 devices, and additional security and configuration options for the Lotus Notes Traveler server. The document also provides information on learning more about the product.
The document summarizes the new features in IBM Lotus Notes Traveler 8.5.2, including user managed security that allows remote wiping or locking of devices, support for responding to meeting invitations on Apple devices, corporate contact lookup on Nokia and Windows Mobile devices, and scheduled synchronization for those devices. It also describes a new Lotus Mobile Installer application for installing and updating the Lotus Notes Traveler client software.
More Related Content
Similar to Building A Cool Web 2.0 Application With XPages
The document provides instructions for creating and working with forms and tables in Microsoft Word 2007. It discusses how to set up Word for creating forms, add content controls to a form, and protect parts or all of a form. The document also explains how to insert a table, convert text to a table, and convert a table to text. Key functions covered include the Table Tools Design and Layout ribbons, adding and formatting rows and columns, and setting table properties.
To create an executable (.exe) file from a MATLAB GUI program, there is a 5 step process using the deploytool:
1) Open the deploytool and create a new deployment project, selecting Windows standalone application.
2) Add the main MATLAB file (.m) and any other files like figures (.fig) to the project.
3) Click the build button to generate the executable in the project location.
4) The build process will create an executable file that can be distributed and run independently of MATLAB.
This document provides instructions for completing a lab assignment for CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Key steps are to explore Server Manager, install AD, add roles, and organize users and groups in the new domain.
This document provides instructions for completing a lab assignment in CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Screenshots are to be included in the lab report at various steps.
Cis 246 Enthusiastic Study / snaptutorial.comGeorgeDixon96
This document provides instructions for completing a lab assignment for CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Screenshots are to be included in the lab report at various steps.
This document provides instructions for completing a lab assignment for CIS 246. The lab involves configuring a server including setting the time zone, IP address, and computer name. It also includes installing Active Directory and adding a Windows 7 PC to the domain. Key steps are to explore Server Manager, install AD, add roles, and organize users and groups in the new domain.
This document provides instructions on creating a first application in Visual Basic .NET by familiarizing the user with the integrated development environment. It describes the main components like the get started page, solution explorer, toolbox, properties window and menu bar. It then provides step-by-step instructions to create an application called "Lady or the Tiger" by adding controls like labels, picture boxes, text boxes and buttons to the form and setting their properties.
Enterprise Content Managementwith Office Share Point Server2007LiquidHub
This document provides an overview of a Microsoft Virtual Labs exercise on using enterprise content management features in Office SharePoint Server 2007. The objectives are to describe document management, workflows, records management, and creating websites and web parts. The scenario involves configuring these features for a company migrating from SharePoint Portal Server 2003 to Office SharePoint Server 2007. The lab contains exercises on using content types, workflows, and the document information panel to manage documents.
Enterprise Content Managementwith Office Share Point Server2007LiquidHub
This document provides an overview of a Microsoft Virtual Labs exercise on using enterprise content management features in Office SharePoint Server 2007. The objectives are to describe document management, workflows, records management, and web content management in SharePoint 2007. The scenario involves configuring SharePoint 2007 features after migrating from SharePoint 2003. The lab includes exercises on using content types, workflows, and the document information panel to manage documents.
The document provides instructions for creating a Visual C++ Win32 console application in Microsoft Visual Studio 2008. It describes:
1. Creating a new Win32 console application project and setting the application type to Console Application.
2. Adding a source code file to the project by right clicking the Source Files folder and selecting Add > New Item, then choosing C++ File.
3. The source code can then be written and the program compiled, linked and run within Visual Studio 2008.
The visual studio start page is shown in the figure belowTan Ps
The document provides instructions for creating a student information application in Visual Basic. It discusses setting up the project environment, building a user interface with labels and text boxes, and writing code to display data. Key steps include:
1. Creating a new Windows Forms project and setting properties like the form name and font.
2. Adding labels, text boxes, and buttons to the form and setting their name, text, and size properties.
3. Writing code handlers for the button click events to display data in the text boxes using assignment statements.
4. Saving and running the project, and using remarks to document the code. The goal is to display sample student information when buttons are clicked.
Cis247 a ilab 4 composition and class interfacescis247
The document provides instructions for iLab 4 on composition and class interfaces. Students are asked to:
1. Create a Benefits class and integrate it into the Employee class.
2. Create an iEmployee abstract class to ensure Employee implements calculatePay().
3. Modify Employee to demonstrate composition with Benefits and implement the interface. Students should capture output, zip files, and submit deliverables to the Dropbox.
SecondKey is a utility which corrects typos and expands short forms in most applications in the MS-Windows environment (see examples of supported applications below). It replaces individual built-in typo correctors found in your applications (for example, MS-Office) and provide auto-correction and short form expansion capabilities to applications without them (for example notepad). SecondKey is customizable to your needs. You can add your own frequent typos for correction and your own short forms. Your customization only needs to be done once in SecondKey and SecondKey will use your customization in all supported applications. We spend 1/8 of our time in front of a computer entering text and 1/8 of that time using the "backspace" key or the "delete" key. With SecondKey, the keys for correction will be used less often and short forms will be expanded automatically, helping you to type accurately, type less and type fast (almost) everywhere.
Official website: www.appcollection.me
This Manual for: SecondKey (SK) | Collection - Tutorial
Price: FOC for Free Edition
Editions available: Free Edition, Personal Edition, Business Edition
For any inquiries, do contact: secondkey@outlook.com
Cis247 i lab 4 composition and class interfacessdjdskjd9097
The iLab involves modifying an Employee class to include composition with a new Benefits class. Students are instructed to:
1. Create a Benefits class and include it in the Employee class.
2. Create an iEmployee interface for the Employee class to implement.
3. Modify the Main method to demonstrate using the new Benefits class and creating Employee objects.
Students are to capture the output of their program, zip their project files, and submit them through the assignment Dropbox.
Harness the power of XPages in Lotus Dominodominion
One of the latest additions to the Domino Web developers\' toolkit of technologies,
XPages, is also arguably its most powerful and revolutionary to date. XPages allows
for functionality and capabilities previously thought impossible to achieve in Domino
application development.
1) The document provides instructions for a lab assignment introducing visual basic programming. Students are instructed to create a basic visual basic application with a text box, button, and label.
2) The application is programmed to enable the button when text is entered in the text box, and display a greeting message combining the text box text when the button is clicked.
3) Additional code is added to clear the text box and disable the button when the label text changes. Students must have their progress checked off by a lab helper.
CIS 247C iLab 4 of 7: Composition and Class Interfaces HomeWork-Fox
The objective of the lab is to modify the Employee class to incorporate composition with a Benefits class and implement an abstract iEmployee interface. Students are instructed to create a Benefits class, integrate it into the Employee class by adding a Benefit attribute, and make Employee inherit from the abstract iEmployee interface requiring implementation of calculatePay. The main method is updated to demonstrate use of the new Benefits object by prompting the user for benefit details and displaying employee information along with their assigned benefits.
This lesson describes how to create a new discussion database and documents that will be used as components in a composite application. The procedures involve:
1) Creating a new local Notes database called "MyDiscussion" based on the discussion template.
2) Creating documents in the new "MyDiscussion" database by adding sample discussion topics and replies.
These components will later be enhanced to support inter-component communication and be added to a composite application.
This document provides a tutorial on working with databases in Rational Application Developer. It shows how to connect to a Cloudscape database from Application Developer, create tables and columns, generate DDL statements, and sample data. The tutorial creates two tables, CUSTOMER and ADDRESS, with a one-to-many relationship, and enters sample data. It demonstrates both creating database objects directly in Cloudscape and through Application Developer's visual tools.
The document describes how TinyERP, an IT company, uses OpenERP's project management functionality to manage a website development project for their customer, CTI. It outlines the steps taken: 1) Creating a customer record for CTI, 2) Creating a project for CTI's website development, 3) Creating tasks for developing the home and about us pages, 4) Assigning and completing the tasks, 5) Generating an invoice, and 6) Creating an issue record when problems arise with the completed site. The exercises provide instructions for performing each step in the OpenERP interface.
Similar to Building A Cool Web 2.0 Application With XPages (20)
The document summarizes the new features and enhancements in IBM Lotus Notes Traveler 8.5.3 for various mobile devices. Key updates include installation improvements and mail enhancements for Android devices, the ability to flag emails and improved folder management for Apple devices, new support for Symbian^3 devices, and additional security and configuration options for the Lotus Notes Traveler server. The document also provides information on learning more about the product.
The document summarizes the new features in IBM Lotus Notes Traveler 8.5.2, including user managed security that allows remote wiping or locking of devices, support for responding to meeting invitations on Apple devices, corporate contact lookup on Nokia and Windows Mobile devices, and scheduled synchronization for those devices. It also describes a new Lotus Mobile Installer application for installing and updating the Lotus Notes Traveler client software.
AD113 -- IBM Lotus Notes Discussion Template: Next Generation and Other OpenN...ddrschiw
Come to this session to learn about how developers can benefit from OpenNTF. We'll start with an overview and show how you can leverage various assets within your projects, then focus on the next generation of the Lotus Notes Discussion template and demonstrate the improved user experience for both Web and rich client. In the main part of this session, we'll then describe how the application has been built technically, and we'll explain how we've used the JavaViews in the client. Finally, we'll walk you through the XPages design and show how you can take home the techniques and custom controls to re-use in your applications.
This document provides an overview of server-side JavaScript (SSJS) in XPages, including what it is, common practices, and code samples. SSJS allows using JavaScript logic on the server similarly to how it is used in browsers but with additional platform-specific features. It discusses how SSJS is both similar to and different from standard JavaScript, and recommends practices such as taking advantage of Java integration and error handling. The document concludes with code samples for applications using SSJS for tasks like managing application state and performing searches.
AD112 -- Development and Deployment of Lotus Product Documentation Wikisddrschiw
Come learn how the IBM Lotus product documentation team developed and deployed live production wikis using the Lotus Domino XPages template available from OpenNTF.org. We'll tell the story of how we learned XPages ourselves, developed the template to allow IBMers and customers to contribute to product documentation, and deployed XPages wiki applications into a Lotus Domino Web production environment with 300,000 visitors a month!
AD114 -- Beyond the Mobile Browser? Building Rich Mobile Applications for IBM...ddrschiw
Sometimes mobile users need more than a browser version of a Lotus Domino application. When remote workers need to access Lotus Domino application data when out of network coverage, or when the data must be easily manipulated on-device, the browser just doesn't cut it -- enter Mobile Rich Client Applications. In this session, we'll present an overview of rich client application options for Lotus Domino and build several applications right before your very eyes!
AD111 -- Harnessing the Power of Server-Side JavaScript and Other Advanced XP...ddrschiw
XPages have ushered in a new era for application development on the IBM Lotus Domino platform. This session will take you beneath the surface of XPages and into the inner workings of server-side JavaScript, the language that allows you to easily add truly advanced features to your applications. By the end of this deep-dive session, you'll know how to use server-side JavaScript in the following ways: create events that dynamically manipulate interface components based on user interaction; and use scope caching to improve performance and usability and leverage closures
and other design patterns to create reusable object-oriented server-side JavaScript. You'll also learn how to make your XPages more powerful with "managed beans" and other Java classes, as well as create advanced re-usable components by passing Java and server-side JavaScript objects to custom controls.
Ad109 - XPages Performance and Scalabilityddrschiw
Understanding the XPages architecture is key to building performant scalable enterprise-ready Lotus Domino web applications. We'll show how to go under the hood to discover functional features that help your application perform and scale well. You'll learn about design patterns and techniques that ensure your applications are optimally tuned for your business requirements, and we'll show how to integrate existing business logic -- without increasing performance cost.
Ad107 - Enhance Your Existing Applications with XPagesddrschiw
XPages allows you to build great looking, Web 2.0 style applications in browsers and Lotus Notes clients alike. This session will show you the tricks and tips on upgrading your existing applications with quick win performance, feature and UI enhancements. From simple design patterns for typical Lotus Domino developers, to easy OneUI styling and simple upgrade steps, this session will benefit all existing Lotus Notes and Domino developers looking for that "step up".
Last year at Lotusphere, XPages burst onto the Lotus Domino application development landscape. Since then, the developer community has embraced XPages and delivered compelling Lotus Domino Web solutions. 8.5.1 delivered on the vision by providing the ability to build an application once for the Web, the Notes client or expose as an iWidget.Come hear about other 8.5.1 enhancements, what is coming in 8.5.2 and glimpse towards the future.
Ad103 - Have it Your Way: Extending IBM Lotus Domino Designerddrschiw
With release 8.5.1, the new Lotus Domino Designer Extension API supports custom extensions to operate on selections of design elements. We'll details several sample applications; 1) validate references to views, forms, etc in XPages and Custom controls, 2) re-factoring tool to rename a design element and update references, 3) synchronize files between NSF and local file system (stylesheets, etc) and 4) select a form, create view with all fields from the form. We'll provide boilerplate code for common types of plugins, so you can just add your own code. You'll see how
to control whether your extension is visible/enabled based on selection contents - visit openntf.org for more! After attending this session, you can make your own contributions!
Ad102 - Extreme Makeover -- LotusScript and Java Editor Editionddrschiw
Join us as we "reveal" the new LotusScript and Java editing capabilities in Lotus Designer 8.5.1. You'll learn how to leverage key features such as a class browser, automatic recompilation, code templates, content assist, hover help, hyperlinking and many other to make writing your LotusScript code a 'snap'.
Also, you'll learn how editing your Java libraries, agents, web service consumers, and web service providers in Lotus Domino Designer 8.5.1 can give your Java skills a wake up call!
Ad101 - IBM Lotus Domino Designer: Full Speed Ahead!ddrschiw
Lotus Domino Designer 8.5 reinvented the Lotus Notes and Domino application development experience, and Lotus Designer 8.5.1 furthered that vision. This presentation will begin with an overview of the capabilities new to Lotus Designer 8.5.1, such as the new LotusScript editor, Java development environment, and the ability to extend Lotus Domino Designer with tools of your own creation. And now that we have our Eclipse foundation solidly beneath us, we'll look ahead to see how building on a solid foundation is taking Lotus Domino Designer into hyperdrive!
LotusSphere 2010 - Leveraging IBM Lotus® Forms™ with IBM WebSphere® Process S...ddrschiw
The Business Process Accelerator (BPA) is a new IBM offering which combines the power and flexibility of IBM WebSphere Portal with the intuitive, secure interface of IBM Lotus Forms in order to accelerate the automation of end-to-end business processes. Used in conjunction with IBM’s industry-leading Business Process Management (BPM) offerings, the Business Process Accelerator can improve process efficiency, increase corporate agility and reduce the time-to-value on BPM initiatives.
This session provides a rich technical deep dive featuring tools now available to ease integration between the WebSphere Portal, BPM solutions, and Lotus Forms. It will discuss integration points, leveraging XML, and connectivity to different process engines or content sources. A live demo will showcase ways the new software assets and Redbook aid in the deployment of a once-difficult combination of products.
Webform Server 351 Architecture and Overviewddrschiw
This presentation provides a functional and technical overview of Lotus Forms Server - Webform Server 3.5.1. It includes several architecture diagrams as well as an overview of how Webform Server transforms XFDL and XForms forms into HTML and JavaScript forms for display in a browser.
This presentation includes:
* What’s new in 3.0
* About Webform Server
* Architecture Overview
* Scaling Webform Server
* Creating a Servlet
* Creating a Portlet
* Differences Between Webform Server and Viewer
* Form-based Settings
* Document Accessibility Wizard
IBM Lotus Forms Viewer is a desktop application that allows you to view XFDL and XForms forms. This presentation provides an overview of Lotus Forms Viewer, including:
What's New in Version 3.5.1
Using Lotus Forms Viewer
Setting preferences
Using Smartfill
Overview of Viewer settings.
This document introduces IBM's Domino XPages technology. XPages brings state-of-the-art web technologies like JavaServer Faces to Domino applications, decreasing development time. It provides an extensive set of UI controls, pre-built functionality like Ajax, and allows custom controls. XPages is integrated with Domino and leverages existing design elements and APIs while providing complete control over HTML rendering.
This presentation is a demonstration of how you can use IBM Mashup Center to build a sample American Baseball mashup. This demonstration will use five widgets, two feeds, and a mashup feed.
Lotus Forms Webform Server 3.0 Overview & Architectureddrschiw
This document provides an overview of the architecture and capabilities of Webform Server 3.0. It discusses the new features in 3.0, how Webform Server works as either a servlet or portlet, how to create servlets and portlets, scaling Webform Server, and the JavaScript API.
Lotus Forms Webform Server 3.0 Overview & Architectureddrschiw
This presentation provides a functional and technical overview of Lotus Forms Server - Webform Server 3.0. It includes several architecture diagrams as well as an overview of how Webform Server transforms XFDL and XForms forms into HTML and JavaScript forms for display in a browser.
This presentation includes:
* What’s new in 3.0
* About Webform Server
* Architecture Overview
* Scaling Webform Server
* Creating a Servlet
* Creating a Portlet
* Differences Between Webform Server and Viewer
* Form-based Settings
* Document Accessibility Wizard
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Things to Consider When Choosing a Website Developer for your Website | FODUUFODUU
Choosing the right website developer is crucial for your business. This article covers essential factors to consider, including experience, portfolio, technical skills, communication, pricing, reputation & reviews, cost and budget considerations and post-launch support. Make an informed decision to ensure your website meets your business goals.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
CAKE: Sharing Slices of Confidential Data on BlockchainClaudio Di Ciccio
Presented at the CAiSE 2024 Forum, Intelligent Information Systems, June 6th, Limassol, Cyprus.
Synopsis: Cooperative information systems typically involve various entities in a collaborative process within a distributed environment. Blockchain technology offers a mechanism for automating such processes, even when only partial trust exists among participants. The data stored on the blockchain is replicated across all nodes in the network, ensuring accessibility to all participants. While this aspect facilitates traceability, integrity, and persistence, it poses challenges for adopting public blockchains in enterprise settings due to confidentiality issues. In this paper, we present a software tool named Control Access via Key Encryption (CAKE), designed to ensure data confidentiality in scenarios involving public blockchains. After outlining its core components and functionalities, we showcase the application of CAKE in the context of a real-world cyber-security project within the logistics domain.
Paper: https://doi.org/10.1007/978-3-031-61000-4_16
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Full-RAG: A modern architecture for hyper-personalizationZilliz
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Driving Business Innovation: Latest Generative AI Advancements & Success StorySafe Software
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Monitoring and Managing Anomaly Detection on OpenShift.pdfTosin Akinosho
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceIndexBug
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Infrastructure Challenges in Scaling RAG with Custom AI modelsZilliz
Building Retrieval-Augmented Generation (RAG) systems with open-source and custom AI models is a complex task. This talk explores the challenges in productionizing RAG systems, including retrieval performance, response synthesis, and evaluation. We’ll discuss how to leverage open-source models like text embeddings, language models, and custom fine-tuned models to enhance RAG performance. Additionally, we’ll cover how BentoML can help orchestrate and scale these AI components efficiently, ensuring seamless deployment and management of RAG systems in the cloud.
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
Generating privacy-protected synthetic data using Secludy and MilvusZilliz
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
Generating privacy-protected synthetic data using Secludy and Milvus
Building A Cool Web 2.0 Application With XPages
1.
2. SHOW106 | Update 20090203
Building A Cool Web 2.0 Application With XPages
Paul Hannan | Domino XPages QE Lead | Dublin | IBM
Azadeh Salehi | Domino Designer QE | Westford, MA | IBM
®
3. Introduction:
What is this session about?
Show n Tell replaces the Hands-On session format
Presents a fast track session to learn about XPages.
Allows you to follow along on your laptop as we build a cool
application right before your eyes. * (prize = a years supply of ..)
Provides backup reference material including the presentation
and sample applications for you to try out XPages later.
4. Introduction:
What is an XPage?
Provides a new way to create Web applications
A new Design element that comes free, out-of-the-box with
Domino Designer 8.5.
Based on the JSF framework, which is an open standard
maintained by Sun but you DO NOT need to know JSF :-)
Easy to learn with huge payback in minimal time.
Includes new features including AJAX and DOJO.
No extra setup steps (other some minor server configuration)
needed.
Designer preview.
5. Agenda
Introduction: (10 min)
Part 1 - The Basics (30 min)
Part 2 - Styling and Search Features (25 min)
Part 3 - Contain your Friends in a Repeat (25 min)
Q&A (15 min)
9. Part 1 – The Basics
Step: 1.00
What will you learn
➢
You will learn the basics workings of XPages.
Task Description
➢
You will create a basic Profiles application from scratch in which
you will be able to create, read, update and delete documents.
10. Part 1 – The Basics
Step: 1.01.00 – Create a blank application - “Profiles”
1. Launch Domino
Designer V8.5
2. From the main menu,
select File>New
Application (Ctrl+N).
3. In the Title field, type
Profiles.
4. In the Template field,
select Blank.
5. Click OK.
6.
11. Part 1 – The Basics
Step: 1.02.01 – Create a form
1. Click New Form.
2. In the Name field, type
profile.
In this exercise, we will
use this form to create
documents.
12. Part 1 – The Basics
Step: 1.02.02 – Add static text to the form
Add the following text,
each on a new line, in
the form editor:
- Full Name:
- First Name:
- Last Name:
- Date of birth:
- Company:
- Job Title:
13. Part 1 – The Basics
Step: 1.02.03 – Create a Full Name field
Click the Create Field
icon on the toolbar.
14. Part 1 – The Basics
Step: 1.02.04 – Set a computed formula on the FullName field
1. In the editor, beside Full
Name: , create a new field
named FullName.
2. Select Computed as the type of
text field.
3. Add the following formula as its
value
'@Trim(FirstName + “ ” + LastName)'.
15. Part 1 – The Basics
Step: 1.02.05 – Create a First Name field
Beside First Name:,
create a new field
named FirstName.
16. Part 1 – The Basics
Step: 1.02.06 – Create a Last Name field
Beside Last Name:,
create a new field
named LastName.
17. Part 1 – The Basics
Step: 1.02.07 – Add a Date of Birth field
1. Beside Date of birth:,
create a new field
named DOB.
2. In the Type field, select
Date/Time.
18. Part 1 – The Basics
Step: 1.02.08 – Add a Company field
Beside Company:,
create a new field
named Company.
19. Part 1 – The Basics
Step: 1.02.09 – Add a Job Title field
1. Beside Job Title:,
create a new field
named Job Title.
2. Save the profile form.
20. Part 1 – The Basics
Step: 1.03.01 – Edit the existing untitled view
1. Launch the untitled
view in the editor.
2. Change the name to
profiles view.
3. Add the alias
vwProfiles.
21. Part 1 – The Basics
Step: 1.03.02 – The FullName column
1. Edit the existing (1st)
column.
2. Change the title to
FullName.
3. Bind this column to the
FullName field.
22. Part 1 – The Basics
Step: 1.03.03 – Sort the FullName Column
1. On the Column
Properties for the
FullName column,
select the Sort tab.
2. Click the Ascending
radio button.
23. Part 1 – The Basics
Step: 1.03.04 – Add a column for Company
1. Append a new column
to this view.
2. Change the title to
Company.
3. Bind the column to the
Company field.
24. Part 1 – The Basics
Step: 1.03.05 – Add a column for Job Title
1. Append a final column
to the view.
2. Change the column title
to Job Title.
3. Bind this column to the
JobTitle field.
4. Save and close the
view.
25. Part 1 – The Basics
Step: 1.04.01 – Create a new Custom Control – container
1. Double click on
Custom Controls in
the Application
Navigator.
2. In the New Custom
Control dialog enter
the name container.
3. Click OK.
26. Part 1 – The Basics
Step: 1.04.02 – Add panels to the container custom control
Add 6 panels from the
Container Controls
palette to the Design
pane.
27. Part 1 – The Basics
Step: 1.04.03 – Name the panels
1. Select the first panel.
2. In the Name field,
enter frame.
3. Continue to select the
other panels and enter
the following names:
- header;
- headerInner;
- main;
- tabBar;
- content.
28. Part 1 – The Basics
Step: 1.04.04 – Rearrange the panels
Use the Outline to rearrange, drag
and drop the panels into their nested
form.
- Panel: frame
- Panel: header
- Panel: headerInner
- Panel: main
- Panel: tabBar
- Panel: content
29. Part 1 – The Basics
Step: 1.04.05 – Add a label to the headerInner panel
1. Select the Label control
from the Controls
Palette. Drop it into the
headerInner panel.
2. Change the label to
Profiles.
30. Part 1 – The Basics
Step: 1.04.06 – Add a tabbed panel to the tabBar panel
1. Select the Tabbed Panel
container control from
the Container Controls
palette.
2. Drop the Tabbed Panel
to the tabBar panel.
31. Part 1 – The Basics
Step: 1.04.07 – Rename the tabs on the Tabbed Panel
1. Use the Outline to select the first tab of
the Tabbed Panel.
In the Name field, type homeTab. In
the Label field, type Home.
2. Select the second tab of the Tabbed
Panel.
In the Name field, type resultsTab.
In the Label field, type Results.
32. Part 1 – The Basics
Step: 1.04.08 – Add another tab to the Tabbed Panel
1. Right-click to the right
of the Results tab and
select Append Tab
from the context menu.
2. Use the Outline to
select the third tab of
the Tabbed Panel.
Enter profilesTab as
the Name and enter
Profiles as the Label.
33. Part 1 – The Basics
Step: 1.04.09 – Add an Editable Area
From the Core Controls
palette drag and drop
an Editable Area control
to the content Panel.
34. Part 1 – The Basics
Step: 1.04.10 – Rename the Editable Area
Rename the Editable
Area's Name and Facet
Name to contentArea.
35. Part 1 – The Basics
Step: 1.04.11 – Add a new property to the Custom Control
1. In the Custom Control
Properties for container,
select the Property
Definition tab.
2. Add a new property to
this custom control by
selecting the New
Property button.
3. Name this new property
selectedTabId.
4. Save and close the
Custom Control.
36. Part 1 – The Basics
Step: 1.05.01 – Create a new Custom Control - profileForm
Create a new Custom
Control named
profileForm.
37. Part 1 – The Basics
Step: 1.05.02 – Add a Label to the profileForm
1. On the new
profileForm Custom
Control add a Label
from the Core Controls
palette to the Design
pane.
2. In the Properties for
this Label rename this
label to Profile
Information.
38. Part 1 – The Basics
Step: 1.05.03 – Add a Domino Document data source
1. In the Custom Controls
Properties select the
Data tab.
2. Then select Add, and
from the dropdown
select Domino
Document.
3. document1 is now
listed as a data source.
39. Part 1 – The Basics
Step: 1.05.04 – Rename and add a form to the data source
1. From the Form
dropdown select the
profile form.
2. Change the data source
name to
profileDocument.
40. Part 1 – The Basics
Step: 1.05.05 – Launch the Data Eclipse view
1. Still on the
profileForm Custom
Control from the main
menu select
Window
>Show Eclipse Views
>Data.
2. The Data view should
now appear in place of
the Controls palette.
Now the data sources
for the profileForm
will appear.
The Controls Palette and
Data views are
interchangeable.
41. Part 1 – The Basics
Step: 1.05.06 – Drop the data sources to the Design pane
1. On the Data view select all of
the available data sources
except FullName. Then drag
and drop them to the Design
pane.
This will generate a table with
the edit boxes bound to the
data sources, along with
labels for this edit boxes.
2. Rearrange the rows so that
FirstName is first followed
by LastName, then DOB,
JobTitle and lastly
Company. Add 2 rows to
help you do this.
42. Part 1 – The Basics
Step: 1.05.07 – Add a Date Time Picker
1. For the Date of Birth
control select the Data
tab in Properties.
2. Check the box for
Use date/time picker
pop-up.
43. Part 1 – The Basics
Step: 1.05.08 – Add Buttons
1. From the Controls
palette drag and drop 4
buttons.
2. Then change the labels
on these buttons to
Save
Delete...
Cancel
Edit
3. Save and close the
Custom Control.
44. Part 1 – The Basics
Step: 1.06.01 – Create a new Custom Control - searchForm
Create a new Custom
Control named
searchForm.
45. Part 1 – The Basics
Step: 1.06.02 – Add a Button to the Custom Control - searchForm
1. From the Controls
palette add a button.
2. Change the Label on
this button to Create a
New Profile.
3. Save and close the
Custom Control.
46. Part 1 – The Basics
Step: 1.07.01 – Create a Custom Control - searchResults
Create a new Custom
Control named
searchResults.
47. Part 1 – The Basics
Step: 1.07.02 – Add a View Container Control to searchResults
1. From the palette select a View
Container Control and drop it to
the Design pane.
2. This launches the
Select Data Source for View
dialog.
3. Select the view, profiles view
created previously from the
drop-down. This will populate
the remaining windows on the
dialog.
4. Click OK.
48. Part 1 – The Basics
Step: 1.07.03 – Set the View Panel width on searchResults
1. Set the width of the
view to 100%.
2. Save and close the
Custom Control.
49. Part 1 – The Basics
Step: 1.08.01 – Create a new XPage - home
Create a new XPage
named home.
50. Part 1 – The Basics
Step: 1.08.02 – Add the container Custom Control to the home XPage
From the Custom
Controls palette, drag
and drop the Custom
Control container to
the Design pane of the
home XPage.
51. Part 1 – The Basics
Step: 1.08.03 – Set the Selected Tab Id Property
1. In the Outline select the
container Custom
Control.
2. In its Properties, select
All Properties. Expand
custom, and for
selectedTabId enter
homeTab.
52. Part 1 – The Basics
Step: 1.08.04 – Add searchForm to the Editable Area
1. Then to the Editable
Area, highlighted with
the green dot, drag and
drop the searchForm
Custom Control.
2. Save your changes and
close the XPage.
53. Part 1 – The Basics
Step: 1.09.01 – Create a new XPage - profile
Create a new XPage
named profile.
54. Part 1 – The Basics
Step: 1.09.02 – Add the container Custom Control to the profile XPage
From the Custom
Controls palette, drag
and drop to the Design
pane of the profile
XPage the container
Custom Control.
55. Part 1 – The Basics
Step: 1.09.03 – Set the Selected Tab Id Property
1. In the Outline select the
container custom
control.
2. In its Properties, select
All Properties. Expand
custom, and for
selectedTabId enter
profilesTab.
56. Part 1 – The Basics
Step: 1.09.04 – Add the profile Custom Control
1. Then to the Editable
Area, highlighted with
the green dot, drag and
drop the profileForm
Custom Control.
2. Save your changes and
close the XPage.
57. Part 1 – The Basics
Step: 1.10.01 – Create a new XPage - results
Create a new XPage
named results.
58. Part 1 – The Basics
Step: 1.10.02 – Add the container Custom Control to the results XPage
From the Custom
Controls palette drag
and drop to the design
pane the container
Custom Control.
59. Part 1 – The Basics
Step: 1.10.03 – Set the SelectedTabId Property
1. In the Outline select the
container custom
control.
2. In its Properties, select
All Properties. Expand
custom, and for
selectedTabId enter
resultsTab.
60. Part 1 – The Basics
Step: 1.10.04 – Add the searchResults Custom Control
1. Then to the Editable
Area, highlighted with
the green dot, drag and
drop the
searchResults Custom
Control.
2. Save your changes and
close the XPage.
61. Part 1 – The Basics
Step: 1.11.01 – Add Actions to container Custom Control – Home Tab
1. Reopen the container
Custom Control and
locate the Tabbed Panel
in the outline.
2. Select the Tab Panel
homeTab. Then for its
onclick event click the
Add Action... button.
62. Part 1 – The Basics
Step: 1.11.02 – Add Actions to container Custom Control – Home Tab
1. On the Add Simple
Action dialog select
Basic for Category,
Open Page for Action
and the home XPage to
open.
2. Click OK.
63. Part 1 – The Basics
Step: 1.11.03 – Add Actions to container Custom Control – Results Tab
1. Select the Tab Panel
resultsTab. Then for
its onclick event click
the Add Action...
button.
2. On the Add Simple
Action dialog select
Basic for Category,
Open Page for Action
and the results XPage
to open.
3. Click OK.
64. Part 1 – The Basics
Step: 1.11.04 – Add Actions to container Custom Control – Profiles Tab
1. Select the Tab Panel
profilesTab. Then for
its onclick event click
the Add Action...
button.
2. On the Add Simple
Action dialog select
Basic for Category,
Open Page for Action
and the profile XPage
to open.
3. Click OK.
4. Save and close the
Custom Control.
65. Part 1 – The Basics
Step: 1.12.01 – Add Actions to profileForm Custom Control – Save Button
1. Reopen the
profileForm Custom
Control and select the
Save button.
2. In the Button type field,
select Submit.
66. Part 1 – The Basics
Step: 1.12.02 – Add Actions to profileForm Custom Control – Save Button
1. Still on the Save button
select the Events tab.
2. For the onclick event
select the Add
Action... button.
3. On the Add Simple
Action dialog select
Basic for Category,
Open Page for Action
and the home XPage to
open.
4. Click OK.
67. Part 1 – The Basics
Step: 1.12.03 – Add Actions to profileForm Custom Control – Delete... Button
1. For the Delete... button
select the Events tab.
2. For the onclick event select
the Add Action... button.
3. On the Add Simple Action
dialog select Document for
Category, Delete
Document for Action,
home XPage to open next.
In the Confirmation text
field, enter Are you sure?
4. Click OK.
68. Part 1 – The Basics
Step: 1.12.04 – Add Actions to profileForm Custom Control – Cancel Button
1. In the editor, select the
Cancel button.
2. In the Button type field,
select Cancel.
69. Part 1 – The Basics
Step: 1.12.05 – Add Actions to profileForm Custom Control – Cancel Button
1. Still on the Cancel
button select the Events
tab.
2. For the onclick event
select the Add
Action... button.
3. On the Add Simple
Action dialog select
Basic for Category,
Open Page for Action
and the home XPage to
open.
4. Click OK.
70. Part 1 – The Basics
Step: 1.12.06 – Add Actions to profileForm Custom Control – Edit Button
1. For the Edit button select
the Events tab.
2. For the onclick event
select the Add Action...
button.
3. On the Add Simple
Action dialog select
Document for Category,
Change Document
Mode for Action, and Edit
Mode for Document
Mode.
4. Click OK.
71. Part 1 – The Basics
Step: 1.13.01 – Add Actions to searchForm Custom Control – New Profile Button
1. Reopen the searchForm
Custom Control and select the
Create a New Profile...
button.
2. For the button select the Events
tab.
3. For the onclick event select
the Add Action... button.
4. On the Add Simple Action
dialog select Basic for
Category, Open Page for
Action, profile as the XPage to
open next and New
Document for Target
Document.
5. Click OK.
6. Save your changes.
72. Part 1 – The Basics
Step: 1.14.01 – Add Actions – FullName Column Link
1. Reopen the searchResults
Custom Control and select
the column for FullName on
the View.
2. In View Column in its
Properties, check the box for
Show values in this
column as links, and then
choose the Read-only radio
button.
3. Save and close the Custom
Control.
73. Part 1 – The Basics
Step: 1.15.01 – Show & Hide Options – container Custom Control – Tabbed Panel
1. Reopen the container
Custom Control.
2. Select the Tabbed Panel
and for its Properties
select the Computed
property menu button.
74. Part 1 – The Basics
Step: 1.15.02 – Show & Hide Options – container Custom Control – Tabbed Panel
1. In the Script Editor
dialog, enter the script
'compositeData.selectedT
abId'
2. Click OK.
3. Save and close the
Custom Control.
75. Part 1 – The Basics
Step: 1.15.03 – Show & Hide Options – profileForm Custom Control – Save Button
1. Reopen the profileForm
Custom Control.
2. Select the Save button. Then in
its Button Properties select the
Computed property menu
button for the Visible option.
3. On the Script Editor dialog enter
'profileDocument.isEditable()'
4. Click OK.
76. Part 1 – The Basics
Step: 1.15.04 – Show & Hide Options – profileForm Custom Control – Delete... Button
1. Select the Delete... button. Then
in its Button Properties select
the Computed property menu
button for the Visible option.
2. On the Script Editor dialog enter
'!profileDocument.isNewNote()'
3. Click OK.
77. Part 1 – The Basics
Step: 1.15.05 – Show & Hide Options – profileForm Custom Control – Edit Button
1. Select the Edit button. Then in
its Button Properties select the
Computed property menu
button for the Visible option.
2. On the Script Editor dialog enter
'!profileDocument.isEditable()'
3. Click OK.
78. Part 1 – The Basics
Step: 1.16 – The computeWithForm Property on the profileForm Custom Control
1. Still in the profileForm Custom
Control, go to All Properties
for this Custom Control.
2. For the property
computeWithForm select
onsave.
3. Save and close the Custom
Control.
79. Part 1 – The Basics
Step: 1.17 – profile Form – Web Access
1. Reopen the profile form
and launch its form
properties.
2. In the Defaults tab, in the
Display Xpage instead
field, select profile.
3. Save and close the form.
80. Part 1 – The Basics
Step: 1.18 – Application Properties – Web Launch Setting
1. Open the Application
Properties and select the
Launch tab.
2. For Web Browser Launch,
select Open Designated
XPage for Launch, and
home as the XPage to
launch.
81. Part 1 – The Basics
Step: 1.19 – Demo Part 1 – The Basics
If the application is
Local, change the
ACL to preview.
83. Part 2 – Styling and Search Features
Step: 2.01.00 – Adding Styles – Look and Feel.
What will you learn
➢
You will learn how XPages use CSS files and how it applies style
classes to control the applications look and feel.
Task Description
➢
The basic application created in Part 1 uses the web standard
styling form the server. In Part 2 you will create a new Style Sheet,
add it to the Custom Controls and then apply style classes to
controls.
84. Part 2 – Styling and Search Features
Step: 2.01.01 – Import Image Resources
1. Select (double click)
Images under
Resources in the
Application Navigator.
2. Select the Import
Image Resource
button.
3. Select all of the
supplied GIF images.
4. Click OK.
The images are now
added to the
application.
85. Part 2 – Styling and Search Features
Step: 2.02.01 – Create a new Style Sheet - styles
1. Select Style Sheet
under Resources in the
Application Navigator.
2. Click the New Style
Sheet button.
3. In the Name field, type
styles.
4. Click OK.
86. Part 2 – Styling and Search Features
Step: 2.02.02 – Add Style Classes to 'styles.css'
1. Copy and paste the contents of
the supplied styles.txt file
into the new styles.css file.
2. Save your changes.
87. Part 2 – Styling and Search Features
Step: 2.03.01 – Add the new Style Sheet as Resource
1. Select Custom
Controls on the
Application Navigator.
2. Open the first Custom
Control container.
3. For its Properties select
Resources.
4. Click the Add Style
Sheet... button.
88. Part 2 – Styling and Search Features
Step: 2.03.02 – Select the new style sheet from the dialog
1. On the
Add Style Sheet to
Page dialog, select the
only style sheet available,
styles.css.
2. Click OK.
3. Save and close the
Custom Control.
89. Part 2 – Styling and Search Features
Step: 2.03.03 – Add the same Style Sheet to the remaining Custom Controls
1. Open the remaining
Custom Controls,
profileForm,
searchForm and
searchResults, in
turn...
2. Add the same style
sheet resource and save
your changes.
90. Part 2 – Styling and Search Features
Step: 2.04.01 – Add Style Classes to the container Custom Control - Frame
1. Launch the container
Custom Control.
2. Select Panel: frame in
the Outline view.
3. Select the Style tab for
this Panel.
4. Choose the frame style
class.
91. Part 2 – Styling and Search Features
Step: 2.04.02 – Add Style Classes to the container Custom Control - Header
1. In the Outline expand
frame and select
header.
2. From this Panel's Style
select the header style
class.
92. Part 2 – Styling and Search Features
Step: 2.04.03 – Add Style Classes to the container Custom Control - headerInner
1. In the Outline expand
header and select
headerInner.
2. From this Panel's Style
select the headerInner
style class.
93. Part 2 – Styling and Search Features
Step: 2.04.04 – Add Style Classes to the container Custom Control - headerInnerTitle
1. In the Outline expand
headerInner and
select the Label.
2. From this Label's Style
select the
headerInnerTitle
style class.
94. Part 2 – Styling and Search Features
Step: 2.04.05 – Add Style Classes to the container Custom Control - main
1. In the Outline expand
frame and select
main.
2. From this Panel's Style
select the main style
class.
95. Part 2 – Styling and Search Features
Step: 2.04.06 – Add Style Classes to the container Custom Control - tabBar
1. In the Outline expand
main and select
tabBar.
2. From this Panel's Style
select the tabBar style
class.
96. Part 2 – Styling and Search Features
Step: 2.04.07 – Add Style Classes to the container Custom Control - content
1. In the Outline expand
main and select
Panel:content.
2. From this Panel's Style
select the content style
class.
3. Save and close the
Custom Control.
97. Part 2 – Styling and Search Features
Step: 2.05.01 – Add Style Classes to the searchForm Custom Control – Button
1. Launch the searchForm
Custom Control.
2. Select the Create a New
Profile... button.
3. Select its Style tab from
Properties and choose the
style class
profilesButtonCommand
4. Save and close the Custom
Control.
98. Part 2 – Styling and Search Features
Step: 2.06.01 – Add Style Classes to the profileForm Custom Control – Save Button
1. Launch the profileForm
Custom Control.
2. Select the Save button.
3. Select the Style tab and
choose the
profileButtonSubmit
style class.
99. Part 2 – Styling and Search Features
Step: 2.06.02 – Add Style Classes to the profileForm Custom Control – Delete... Button
1. Select the Delete... button.
2. Select the Style tab and
choose the
profileButtonCommand
style class.
100. Part 2 – Styling and Search Features
Step: 2.06.03 – Add Style Classes to the profileForm Custom Control – Cancel Button
1. Select the Cancel
button.
2. Select the Style tab and
choose the
profileButtonCancel
style class.
101. Part 2 – Styling and Search Features
Step: 2.06.04 – Add Style Classes to the profileForm Custom Control – Edit Button
1. Select the Edit button.
2. Select the Style tab and
choose the
profileButtonCommand
style class.
102. Part 2 – Styling and Search Features
Step: 2.07.01 – Create a New Style Class for the Profile Information Label
1. Select the Profile
Information Label on
the profileForm
Custom Control.
2. Select Font under the
Style tab, change the
font size and set the
text on the label to
Bold.
103. Part 2 – Styling and Search Features
Step: 2.07.02 – Export Style Button
1. Select the Style tab for the
Profile Information
Label.
2. The custom formatting will
appear.
3. Click the Export button to
add this label format as a
style class.
104. Part 2 – Styling and Search Features
Step: 2.07.03 – Create a New Style Class with Exported Style
1. In the Export Custom Formatting dialog the
formatting will appear. Deselect individual
attributes if desired.
2. Select the existing styles.css sheet.
3. Give this new style class a name
4. Click OK
5. Save and close the Custom Control.
105. Part 2 – Styling and Search Features
Step: 2.08 – Demo Styling
106. Part 2 – Styling and Search Features
Step: 2.10.00 – Search Through View Filtering
What will you learn
➢
You will learn how to use View filtering for search.
Task Description
➢
You will learn how to create a search query edit box and
using the keys property show the results on follow on View
Panel.
107. Part 2 – Styling and Search Features
Step: 2.11.01 – Add new controls to the searchFrom Custom Control
1. Launch the searchForm
Custom Control.
2. Add a line break after the
button, and drag and drop a
Label - change the text on the
label to Profile Search.
3. Add a couple more line breaks
and a label – change the text of
this label to Enter the criteria
for a person to search for:
4. Add a few more line breaks and
then add an Edit Box. Change
the name of the Edit Box to
searchCritera, and set the
width of the edit box to be 221
Pixels.
108. Part 2 – Styling and Search Features
Step: 2.11.02 – Add a Request Scope Variable to the Edit Box
1. Select the Data tab for the
Edit Box.
2. Select the Advanced radio
button.
3. Select Scoped Variable
from the Use drop-down.
4. Choose Request Scope
from Scope.
5. Enter nameToSearch for
Variable Name.
109. Part 2 – Styling and Search Features
Step: 2.11.03 – Add Validation to the Search Query Edit Box
1. Select the Validation tab
next for the edit box.
2. Check the box for Required
Field. Type the message,
Please provide a name to
search.
3. We also want to restrict the
search query string to a
minimum of 5 characters
and a maximum of 20.
Provide a message to state
this valid search string
length.
110. Part 2 – Styling and Search Features
Step: 2.11.04 – Search Query Enable Type Ahead
1. Select the Type Ahead tab
and check the Enable box.
2. Choose Partial from the Mode
drop-down.
3. Select the Computed property
menu button for
Suggestions.
4. On the Script Editor dialog
use the following script
'@DbColumn(@DbName(), “vwProfiles”,
1)'
5. Click OK.
111. Part 2 – Styling and Search Features
Step: 2.12.01 – Search Button
1. From the Controls palette
add a button and changes
its label to Search....
2. Switch to the Style tab.
3. Select
profilesButtonCommand
as this button's style class .
112. Part 2 – Styling and Search Features
Step: 2.12.02 – Search Button Simple Actions - 1st action
1. Switch to the Events view for
the Search button.
2. For the onclick event click the
Add Action... button to add a
simple action.
3. On the Add Simple Action
Dialog, select Basic for
Category, Execute Script for
Action and type
'sessionScope.nameToSearch =
requestScope.nameToSearch' as the
script to execute.
4. Click OK.
113. Part 2 – Styling and Search Features
Step: 2.12.03 – Search Button Simple Actions - 2nd action
1. For the same onclick
event click the Add
Action... button.
2. On the Add Simple
Action dialog, set Basic
for Category, Open
Page for Action, and
results as the XPage to
open.
3. Click OK.
Both actions will now be
grouped together.
4. Save and close the
Custom Control.
114. Part 2 – Styling and Search Features
Step: 2.13.01 – Setting the Keys for View Filtering
1. Launch the searchResults
Custom Control.
2. Select the View here and
open the All Properties
tab on Properties.
3. Expand the data->data
section and for keys select
the Computed property
menu button.
115. Part 2 – Styling and Search Features
Step: 2.13.02 – Set the Keys Property
1. On the Script Editor
dialog add the following
script
'sessionScope.nameToSearch'
2. Click OK.
116. Part 2 – Styling and Search Features
Step: 2.14.01 – Add a Computed Field to Display the Search Query
1. Still on the
searchResults Custom
Control several breaks
before the view panel.
2. Drag and drop a
Computed Field to the
Design pane.
3. Rename this computed
field to
resultsComputedField.
117. Part 2 – Styling and Search Features
Step: 2.14.02 – Add the Computed Value
1. Select the Value tab on the
Computed Field Properties, then
click the JavaScript radio button.
2. Select the Open Script Dialog
button.
3. On the Script Editor dialog add the
following script:
'var criteria =
sessionScope.nameToSearch;
var title = "Profile search results for:
";
if(null != criteria && criteria != ""){
title += criteria;
}
else{
title = "No search criteria provided.";
}
return title;'
4. Click OK.
118. Part 2 – Styling and Search Features
Step: 2.14.03 – Style the Computed Field
1. Switch to Style tab.
2. Select the style class
searchInfo.
3. Save all your changes.
119. Part 2 – Styling and Search Features
Step: 2.15 – Demo Search on the Application
121. Part 3 - Contain Your Friends in a Repeat!
What will you learn
➢
You will learn how to use a Repeat Container Control.
Task Description
➢
On the profileForm custom control you will add a form that allows
adding an existing profile contact as a friend as well as the list of
current friends with the option to remove them.
➢
122. Part 3 - Contain Your Friends in a Repeat!
Step: 3.00 – A Friend in a Repeat is a friend indeed...
This is an overview
of what you will be
doing in this part.
For Part 3, the
design of the
application has
been upgraded.
Use the supplied
application to do
the same.
123. Part 3 - Contain Your Friends in a Repeat!
Step: 3.01.01 – Create a Friends Form
Create a new form
named friend.
124. Part 3 - Contain Your Friends in a Repeat!
Step: 3.01.02 – Populate the Friend Form
Add three fields to this
friend Form:
- FriendID
- Name
- Email
All of these fields
should be of the Text
type and Editable.
125. Part 3 - Contain Your Friends in a Repeat!
Step: 3.02.01 – Create a Friends View
1. Create a new Notes
View name friends.
2. Make the style Blank.
3. Use the following
selection formula
'Select (Form = “friend”)'
4. Click
Save and Customize.
126. Part 3 - Contain Your Friends in a Repeat!
Step: 3.02.02 – Customize the Friends View
1. Add 3 columns to the
view with headers
called...
- FriendID
- Name
- Email
2. For the FriendID
column, bind this to the
“FriendID” field and
make this column sort
Ascending.
3. Bind the Name column
to Name, and Email to
the Email Column.
127. Part 3 - Contain Your Friends in a Repeat!
Step: 3.02.02 – Customize the Friends View
Bind the Name column
to Name, and Email to
the Email Column
Neither column requires
sorting.
128. Part 3 - Contain Your Friends in a Repeat!
Step: 3.03.01 – Add the Friends Table
1. Open the profileForm
Custom Control.
2. From the Container
Controls palette select a
drop a Table.
3. Give this table 6 rows
and 2 columns.
129. Part 3 - Contain Your Friends in a Repeat!
Step: 3.03.02 – Merge the top 2 cells of the table
Select the top two cells
of the table and select
Merge Cells from the
context menu.
130. Part 3 - Contain Your Friends in a Repeat!
Step: 3.03.03 – Add the My Friends Label
1. From the Core Controls
palette drag and drop a
Label to the merged
cell.
2. Set the text on the label
to My Friends.
3. Set the Font size to 12
and weight to Bold.
131. Part 3 - Contain Your Friends in a Repeat!
Step: 3.03.04.01 – Friends Table Name and Rendering
1. Change the name of the
table to friendsTable.
2. Select the computed
property menu button
for Visible.
132. Part 3 - Contain Your Friends in a Repeat!
Step: 3.03.04.02 - Friends Table Name and Rendering
This will launch the Script editor.
2. Type !profileDocument.isNewNote()
3. This script will render the Friends
table if the document
(profileDocument) is not a new
document.
4. Click OK.
133. Part 3 - Contain Your Friends in a Repeat!
Step: 3.04.01 – Add Edit Boxes
1. Add 2 edit boxes from
the palette to cells in
the table.
2. Rename these edit
boxes to friendName
for the first and
friendEmail for the
second.
3. Set the width to 200
pixels for both edit
boxes.
134. Part 3 - Contain Your Friends in a Repeat!
Step: 3.04.02.01 – Enable Type Ahead for the 'friendName' Edit Box
1. On the first edit box,
friendName, select the
Type Ahead tab on its
Properties.
2. Check the box for
Enable Type Ahead.
3. Set Mode to Partial in
the dropdown.
4. Select the Computed
property menu button
for Suggestions.
135. Part 3 - Contain Your Friends in a Repeat!
Step: 3.04.02.02 – Type Ahead formula for 'friendName' edit box
1. Use the following
formula for the type
ahead suggestions.
'@DbColumn(@DbName(),
“vwProfiles”, 1)'
2. Click OK.
136. Part 3 - Contain Your Friends in a Repeat!
Step: 3.04.02.03 – Add an onChange event to friendName
1. Select Events tab for the
friendName edit box.
2. Choose the onChange
event.
3. Click Add Action... .
137. Part 3 - Contain Your Friends in a Repeat!
Step: 3.04.02.04 – onChange event script for friendName edit box
1. On the Add Simple Action dialog,
select Basic from Category and
Execute Script from Action.
2. Add the following script to be
executed...
'varvalue = @DbLookup(@DbName(),
"vwProfiles",
getComponent("friendName").getValue(),
"Email");
if(null != value){
var email = getComponent("friendEmail");
email.setValue(value);
}'
This script runs when there is a change in
friendName. It uses the value of friendName
to get back the email address if that name exits
on the database which it uses to populate
friendEmail.
3. Click OK.
138. Part 3 - Contain Your Friends in a Repeat!
Step: 3.04.02.05 – Set Partial Refresh on the onChange event.
We want this action to only
happen on one control
rather than the whole
XPage, so we need to use
Partial refresh.
2. Select the radio button for
Partial Update from the
server Options, then select
the Select Element...
button
3. Select friendEmail as the
element on the XPage to
update.
4. Click OK.
139. Part 3 - Contain Your Friends in a Repeat!
Step: 3.05.01 – Add Labels for the Edit Boxes
1. From the palette drag
and drop 2 label
controls to the table
and place them beside
the edit boxes.
2. Change the labels to
Name: and Email.
140. Part 3 - Contain Your Friends in a Repeat!
Step: 3.05.02 – Set the Labels to the Edit Boxes
Set both Labels, Name
and Email, to the Edit
Boxes friendName
and friendEmail.
141. Part 3 - Contain Your Friends in a Repeat!
Step: 3.06.01 – Add a Friend Button
1. From the Controls
palette, drag and drop
a button to the cell
below the email edit
box on the table.
2. Change the name of the
button to
addFriendButton.
3. In the Label field, type
Add a Friend.
142. Part 3 - Contain Your Friends in a Repeat!
Step: 3.06.02 – Style the Add a Friend button
1. Go to the Style tab for
the button.
2. From the style sheet
select the style class
profilesButtonSubmit.