Page Comparison

...

• Launch another workspace
• Launch a Workspace and Layout
• Launch a workspace, layout, and then a widget
• Launch a widget in modal window
• Launch a form with container in Modal window
• Launch a form without container in Modal window
• Launch a form with form object and container in Modal window
• Launch a form with form object and without container in Modal window
• Launch a form in an app with container
• Launch a custom HTML Content in Modal Window
• Launch pre-defined dialog messages in Modal window

...

1. Anchor
   launch_another_workspace launch_another_workspace

   Launch another workspace
   

   Syntax
   

   Code Block
   language text
   canvas.launch({ workspaceId: '<WORKSPACE_ID>', callback: <function(){}> (Optional) });

   Example
   

   Code Block
   language text
   canvas.launch({'workspaceId':'ACC_SERV_WSPACE'});

   
   

2. Anchor
   launch_workspace_layout launch_workspace_layout

   Launch a workspace and layout
   

   Syntax
   

   Code Block
   language text
   canvas.launch({ workspaceId: '<WORKSPACE_ID>', layoutId: '<LAYOUT_ID>', callback: <function(){}> (Optional) });

   Example

   Code Block
   language text
   canvas.launch({'workspaceId' : 'CHART_WS', 'layoutId':'CHART_LYT'});

   
   

3. Anchor
   launch_workspace_layout_widget launch_workspace_layout_widget

   Launch a workspace, layout, then a widget
   

   Syntax

   Code Block
   language text
   canvas.launch({ workspaceId: '<WORKSPACE_ID>', layoutId: '<LAYOUT_ID>', widgetId: '<WIDGET_ID>', callback: <function(){}> (Optional) });

   Example

   Code Block
   language text
   canvas.launch({'renderType':'WINDOW', 'widgetId':'CT_LOAN_SUMMARY_WGT'});

   
   

4. Anchor
   launch_widget_modal_window launch_widget_modal_window

   Launch a widget in modal window
   

   Syntax

   Code Block
   language text
   canvas.launch({ renderType:'WINDOW', widgetId: '<WIDGET_ID>', width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

   Example

   Code Block
   language text
   canvas.launch({'renderType':'WINDOW', 'widgetId':'CT_LOAN_SUMMARY_WGT'});

   
   

5. Anchor
   launch_form_modal_window launch_form_modal_window

   Launch a form with container in Modal window
   

   Syntax

   Code Block
   language text
   canvas.launch({ renderType:'WINDOW', formId: '<FORM_ID>', containerId: '<CONTAINER_ID>', width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

   Example

   Code Block
   language text
   canvas.launch({'renderType':'WINDOW','formId':'CT_PAYMENT_FORM', 'containerId':'PAYMENTS_FORM_CONTAINER'});

   
   

6. Anchor
   launch_from_without_modal_window launch_from_without_modal_window

   Launch a form without container in Modal window
   Syntax

   Code Block
   language text
   canvas.launch({ renderType:'WINDOW', formId: '<FORM_ID>', width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

   Example

   Code Block
   language text
   canvas.launch({'renderType':'WINDOW','formId':'CT_PAYMENT_FORM'});

   
   

7. Anchor
   form_rendered_app form_rendered_app

   Form rendered in an app with container
   

   Syntax

   Code Block
   language text
   canvas.launch({ formId: '<FORM_ID>', containerId: '<CONTAINER_ID>', RenderType : 'APP', workspaceId: '<WORKSPACE_ID>', layoutId: '<LAYOUT_ID>', widgetId: '<WIDGET_ID>', width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

   Example

   Code Block
   language text
   canvas.launch({'formId':'CT_PAYMENT_FORM', 'containerId':'PAYMENTS_FORM_CONTAINER', 'renderType':'APP', 'workspaceId': 'ACC_SERV_WSPACE', 'layoutId': 'ACC_SERV_LYT', 'widgetId': 'EMPTYAPP'});

   
   

8. Form renders with form object and container in Modal Window:
   

   Syntax

   Code Block
   language text
   canvas.launch({ fm: '<fm_Obj>', containerId: '<CONTAINER_ID>', width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

   Example

   
   

   Code Block
   language text
   var frmMgr = new ct.form.FormManager({formId: 'CT_PAYMENT_FORM'}); canvas.launch({'fm': frmMgr, 'containerId':'PAYMENTS_FORM_CONTAINER'});

   
   

9. Form renders with form object and without container in Modal Window:
   

   Syntax

   Code Block
   language text
   canvas.launch({ fm: '<fm_Obj>', width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

    Example

   Code Block
   language text
   var frmMgr = new ct.form.FormManager({formId: 'CT_PAYMENT_FORM'}); canvas.launch({'fm': frmMgr});

   
   

10. Launch a custom HTML Content in Modal Window
    

    Syntax

    Code Block
    language text
    canvas.launch({ modalContent: '<HTML_DOM>', title: '<TITLE_OF_WINDOW>', (Optional) width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

    Example

    Code Block
    language text
    canvas.launch({ 'modalContent': 'Hello'});

    
    

11. Launch pre-defined dialog messages in the modal window
    

    Syntax
    

    Code Block
    language text
    canvas.launch({ message: '<MESSAGE_OF_DIALOG>', dialogType: 'CONFIRMATION' | 'MESSAGE' | 'WARN_EDIT_OK' | 'SUCCESS' | 'ERROR' | 'WARNING' width: '<WIDTH_IN_%_OR_PXL>', (Optional) height: '<HEIGHT_IN_%_OR_PXL>', (Optional) fullScreenInd: <TRUE | FALSE>, (Optional) closeOnEsc: <TRUE | FALSE>, (Optional) modalDialog: <TRUE | FALSE>, (Optional) draggable : <TRUE | FALSE>, (Optional) callback: <function(){}> (Optional) });

    Example

    
    

    Code Block
    language text
    canvas.launch({'message': 'The mandatory fields are not filled-in' , 'dialogType' : 'ERROR'});

    
    

...