Using core and mobile widgets together

The mobile widgets are required if you want to enable mobile support for your site. The mobile widgets are distributed as part of a separate plug-in which contains the full source code for the widgets, along with a demo publication. If you want to build a publication using both core and mobile widgets, you need to follow the instructions below :

  • Download both Widget Framework Core and Widget Framework Mobile distributions from technet.escenic.com and install both of them as standard ECE plug-ins.

  • Go to misc/widgets directory for each of the extracted archives and run mvn clean install command. Make sure that the build is successful in each case.

  • Then go to the misc/demo folder of the mobile distribution. Edit the pom.xml and add the dependencies to all core widgets. If you are not sure how to add these dependencies, please check the pom.xml in misc/demo folder of Widget Framework Core distribution.

  • Moreover, please add the <ui:group/> definition for core widgets in misc/demo/src/main/webapp/META-INF/escenic/publication-resources/escenic/content-type file of the mobile distribution.

  • Ensure that the maven-shade-plugin configuration in pom.xml is correct so that css files for both core and mobile widgets are merged properly.

  • Please run mvn clean install in misc/demo folder of mobile distribution. After the build is successful, take the demo webapp war file from the misc/demo/target folder and create a publication using it. This war file should contain the templates, as well as content type definitions, of both core and mobile widgets.

  • Please download Viz Mobile Expansion and install it as an ECE plug-in. Additionally, you'll need a valid license from mobiletech, which needs to be placed in tomcat's lib folder

  • You need to make sure that the values for various properties in /WEB-INF/classes/config/core.properties in the deployed webapp are correct in your context.