Polymer UI Tutorial

Hi everyone,

We’ve just published a new part of CUBA documentation: Polymer UI Tutorial. It’s a comprehensive guide on creating front-end for CUBA middleware using the Google Polymer library and web components provided by the CUBA platform. The information in the tutorial is organized from basic to advanced topics and will be especially useful for developers who are not yet familiar with Google Polymer and Web Components technology.

We will be happy to see your comments and suggestions on the tutorial in this thread.

4 Likes

Hello Konstantin,

thank you very much for your provided introduction/tutorial into Polymer. I’ll try and use it for enhancing my current project.

1 Like

Hi Konstantin,

This is a great help for beginners like me.

Can we totally replace the Web Client component with Polymer? Or is Polymer dependent on the Web Client? I tried using a Polymer UI component but I didn’t get the “Administration” link.

Also, what are the differences between Polymer with CssLayout in terms of responsive design?

Thanks.

Hi,

Polymer Client is the front-end technology intended for development of custom web sites and mobile applications with mobile-first design and full freedom for developers. At the moment, we do not provide standard administration UI screens thus if you want to replace Web Client completely then you have to implement all the UI screens of Web Client.

Polymer Client does not depend on Web Client, it can be deployed with Web Client / Portal or as a separate front-end application. The only thing is required for Polymer Client is REST API v2 exposed by either Web Client or Portal. There is one more deployment option for Polymer Client - hybrid mobile applications with Apache Cordova, this deployment option will be shown during our upcoming webinar Jmix Community – Jmix

In terms of responsive design, Polymer client differs from CssLayout in the following aspects:

  • you can use Polymer UI components
  • Studio scaffolds responsive-first layouts
  • it is lightweight UI in comparison to Vaadin / Web Client

It has a couple of additional advantages:

  • you can create applications with off-line mode
  • it can be customized completely

Nicely explained, thanks Yuriy!

I would add that Polymer UI has a disadvantage too - it normally requires MUCH more efforts than Generic UI to implement the same level of functionality, at least for typical data-driven enterprise applications.

3 Likes

Hi @knstvk,
I tried to follow your Polmer UI Tutorial but got a build error. I have git installed but can’t solve the issue, this is the errors I got.

:app-polymer-client:installBowerPackagesbower fetch#^2.0.2              ENOGIT git is not installed or not in the PATH
 FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app-polymer-client:installBowerPackages'.
> Process 'command 'F:\poly\modules\polymer-client\.gradle\nodejs\node-v8.1.2-win-x86\node.exe'' finished with non-zero exit value 1

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 2 mins 45.038 secs
[05:33:06.999] Task 'setupTomcat, deploy' failed
org.gradle.process.internal.ExecException: Process 'command 'F:\poly\modules\polymer-client\.gradle\nodejs\node-v8.1.2-win-x86\node.exe'' finished with non-zero exit value 1

@amirhendrick
Please install GIT and make sure its available from the command line

I run into the same issue. I tried to run npm init and bower init in my project folder and it worked well.