Skip to content

CodeCoupler UI Update from 2.3 (cc-ui)

From 2.4 the property layout used to start an application and the application instance property layout is deprecated. The layout engine is now also a widget. You can now start an app and use the new "shortcut" to initialize any widget you want. To initialize the layout engine like with the property layout you can change your code as follows:

  • Before
1
2
3
4
5
{
  layout: {
    /* Here go the layout options */
  }
}
  • After
1
2
3
4
5
6
7
8
9
import { Layout } from "@codecoupler/cc-ui";
{
  widget: {
    widget: Layout,
    options: {
      /* Here go the layout options */
    }
  }
}
  • Better

To access the layout engine like before over the layout application instance property you can set an id:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
import { Layout } from "@codecoupler/cc-ui";
{
  widget: {
    id: "layout",
    widget: Layout,
    options: {
      /* Here go the layout options */
    }
  }
}

Now you can access the layout engine with:

1
2
3
4
//Before
applicationInstance.layout;
//After
applicationInstance.widgets.layout;