UX: Can you use Polymer platinum-sw to return a user message?

Is it possible to use Polymer platinum-sw-register (service worker) to return a user message to the client when an attempt to perform a database action (Create, Read, Update, Delete) is not possible due to a lack of network connection? In other words, can I detect when something is cached locally and show a toast message? Has anybody worked with this library for something like this?

I know that platinum elements have been deprecated. Also, it’s worth knowing that IBM is working on offline capabilities for the next platform release.

[Admin: To see other related posts, use the Polymer tag.]

Continue reading

UX: Where can you find the TRIRIGA UX component documentation?

Component API documentation for developing applications with UX Framework is deployed with your TRIRIGA server. Component documentation can be accessed via the following endpoint:

  • http[s]://[tririga-hostname:port][/context_path]/p/web/doc
  • The [tririga-hostname:port] and [/context_path] are the specific values you’d normally use to access your IBM TRIRIGA environment.

Once at the component documentation page, you can browse or search the TRIRIGA delivered components that are available on your specific platform version using the left-hand panel. Further down in the list, you can find documentation for the available third-party components delivered with the corresponding version of Google Polymer. (This version varies, based on the TRIRIGA platform version. See the Compatibility Matrix for more information.)

In the right hand panel, the documentation provides information about the selected component, generally with sample usage, styling and an API reference. In some cases, there are also demos available. You can toggle between the Doc and the Demo for a component using the buttons in the top right of the page…

[Admin: Similar content is also found in UX Article 2: Implementing UX. This post is related to the 12.11.15 post about the UX framework.]

Continue reading

UX: What is the issue with this triplat-ds-search-input code?

I watched the TRIRIGA 3.5.2 video by Raphael on triplat-ds-search-input, but I could not entirely follow it. I’m new to TRIRIGA UX, and would like to play around with this feature. I tried to follow as closely as I could, but I seem to get the following issue…

As you can see, it gets stuck on loading results (expecting 2 records to show as there are 2 people records with name that has “Hui”). Currently, snippets of my codes can be seen here related to <triplat-ds-search-input>… I noticed that the [[appendFilters]] is actually an empty array. Is that how it’s supposed to be? Also, would there be any sample source codes uploaded for our reference?

Continue reading

UX: Is there a way to import other views as Polymer components?

Is it possible to import other views I have added in TRIRIGA, similar to how we import the components that are provided? If so, what is the default file path to follow? For example:

  • <link rel=”import” href=”../triplat-ds/triplat-ds.html”>
  • <link rel=”import” href=”../custom-view/custom-view.html”>

Yes, it is possible. You got the idea. The path to import a component from a custom view is similar to how we import other components:

  • <link rel=”import” href=”../name-of-the-view/name-of-the-file.html”>

Continue reading

UX: How do you use Bower in the UX Framework?

I am new to the TRIRIGA UX Framework. I am learning Google Polymer through some online tutorials in which they are using Bower to manage packages. But I couldn’t find any tutorial on how we can use Bower in the UX Framework.

Is there any way to use Bower in the UX Framework? Or can we directly code without using Bower? I tried to push the bower.json file using the Sync command, but didn’t know how to use it. What I understood is that we can only push (or use) HTML files in the UX Framework. It will be very helpful if someone can clear these doubts.

Continue reading

UX: Does TRIRIGA UX Framework have offline capabilities?

I’m starting to look at mobile options for TRIRIGA. I’ve heard of FieldFlex, but I am on a tight budget. One of our requirements is offline capabilities when the field technicians are in non-wifi or cellphone connection. Does TRIRIGA UX have offline capabilities? If not, what are the other options?

Offline capability in web applications is not specifically enabled by UX Framework, but more importantly, it should not be limited by nor dependent on UX Framework. Offline request handling, caching, etc., for web applications is enabled by the Service Worker W3C specification. Google Polymer, which UX Framework utilizes, does have some tools to help enable this. You’ll find a number of pages and videos on how to work with this, such as this Google video: Go Offline.

Unfortunately, browser support for the spec is still not holistic yet, with Chrome being the best option at the momentSo, you should be able to build out an app that handles offline scenarios which works in tandem with our framework, but may be limited in browser support per the above link. We would be happy to hear any feedback you have as you work through this, and any way in which you think we could make the process easier with additional tooling in our framework. This is something on our roadmap to investigate once browser support for the spec is more in line with all the browsers we support as a product.

[Admin: Starting in TRIRIGA 10.6.0, the UX Framework offers offline mode with the UX Work Task app.]

Continue reading

UX: How do you debug your UX app?

Debugging hints

  • Import statements. Make sure that you include the “import” statement that’s needed. There is no error in the browser Dev Tools console when you forget. It just doesn’t show the component that you expect. This page talks about it.
  • Attribute names. The Polymer help text still shows old camelCase attribute names in their examples. Those are left over from version 0.5. For version 0.9, the XML attribute names are lower-case with hyphen (or dash) separators. For example, iron-media-query shows “<iron-media-query query=”(min-width: 600px)” queryMatches=”{{queryMatches}}”></iron-media-query>”. But actually, in version 0.9, you need to use query-matches, not queryMatches.
  • Data source actions. If you configure an action with a workflow, and that workflow has a property Object Type “-Any-“, then the Business Object field should be blank.

Continue reading

UX: How do you include the Polymer app-toolbar element?

I would like to use the Polymer <app> elements. I am trying to use <app-toolbar> to create a menu and click on the <app-menu> to display the menu and submenu. But every time I use the <app-toolbar> element, I get an exception.

  • <link rel=”import” href=”../app-toolbar/app-toolbar.html”>
  • http:// XXXXXX:12121/p/components/r/en-US/l/app-toolbar/app-toolbar.html

After more research, it seems that the <app> components are not included in the bower-components dependencies. How can I include this? Am I missing something?

Continue reading