Versions Compared

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 widget.
//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 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:

...