![]() |
![]() |
Copy the CEA widgets into the application you are enhancing.
<style type="text/css"> @import "<contextRoot>/ceadojo/dijit/themes/tundra/tundra.css"; @import "<contextRoot>/ceadojo/cea/widget/CallNotification/CallNotification.css"; @import "<contextRoot>/ceadojo/cea/widget/CollaborationDialog/CollaborationDialog.css"; </style>
<script type="text/javascript" src="<contextRoot>/ceadojo/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: false"></script>
<script type="text/javascript"> var djConfig = { baseUrl:"<contextRoot>/ceadojo/dojo/" }; </script> <script type="text/javascript" src="<contextRoot>/ceadojo/dojo/dojo.js"></script>
See the reference information on multiple versions of Dojo on a page for more information.
gotcha<div ceadojoType="cea.widget.CallNotification" enableCollaboration="false" canControlCollaboration="false" defaultCollaborationUri="<contextRoot>/cobrowseWelcome.html">
Relative URIs can also be used instead of specifying the paths including the context root. The joinCollaborationUri, however, must be specified as an absolute or full URI.
enableCollaboration must also be set to true.
enableCollaboration must also be set to true.
The following example HTML code will place the CallNotification widget on a web page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Call Notification Widget</title> <style type="text/css"> @import "<contextRoot>/ceadojo/dijit/themes/tundra/tundra.css"; @import "<contextRoot>/ceadojo/cea/widget/CallNotification/CallNotification.css"; @import "<contextRoot>/ceadojo/cea/widget/CollaborationDialog/CollaborationDialog.css"; </style> <script type="text/javascript" src="<contextRoot>/ceadojo/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: true"></script> </head> <body class="tundra"> <div ceadojoType="cea.widget.CallNotification" enableCollaboration="true" canControlCollaboration="true" defaultCollaborationUri="<contextRoot>/cobrowseWelcome.html"> </body> </html>This example renders the following interface controls.
Embed the mobile widgets in the application you are enhancing.
![]() |
![]() |