Versions Compared

Version Old Version 1 New Version Current
Changes made by

Ravikumar Babu CTOO

Ravikumar Babu CTOO

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The following sample renders a grid widget on the empty widget that must be written in the listener JS file for the empty widget:

Code Block
languagejs
ctcanvas.core.dynamicWidgetManager(
{
	widgetId: 'APP_ACCOUNT', 
	renderTo: 'CUSTOM', 
	containerPanel: $('[data-widgetId=APP_EMPTY_WIDGET]')
});

//APP_ACCOUNT is the widget ID of the grid that will be rendered on the empty appwidget.
//APP_EMPTY_WIDGET is the empty widget ID.


Note

For Native mobile apps, a different variant of dynamicWidgetManager is necessary. For example,

Code Block
languagejs
canvas.core.dynamicWidgetManager(
{
	widgetId: 'APP_ACCOUNT', 
	renderTo: 'WIDGET', 
	renderToTarget: 'APP_EMPTY_WIDGET'
});

//APP_ACCOUNT is the widget ID of the grid that
empty app.
will be rendered on the empty widget.
//APP_EMPTY_WIDGET is the empty widget ID.


The following screen shot shows the grid widget inside the empty widget:

The following sample renders a form with its container on the empty widget that must be written in the listener JS file for the empty widget:

Code Block
languagejs
CBXDOWNLOADMGR.requestScripts(
				canvas.downloadProvider.getMergedArray(["FORM_CONTAINER"]), 
				function ()
				{
					var fm = new canvas.form.FormManager({
					formId : "CT_PAYMENT_FORM"
				});
	var config = {};
	config.appWidget = "APP_EMPTY_WIDGET";
	config.formConRenderType = "APP";
	CBXFORMCONTAINER.getWindowByFormObj(fm,"PAYMENTS_FORM_CONTAINER",config);
});

//CT_PAYMENT_FORM is the form ID that will be rendered on the empty appwidget.
//APP_EMPTY_WIDGET is the empty widget ID.
//APP is the render type, which will render the form as a widget.
//PAYMENTS_FORM_CONTAINER is the form container.

The following screen shot shows the form with its container inside the empty widget: