I would like to know if it is possible to use a UX login template, created as a UX view and accessed with the WebViewSync.jar, as the ALTERNATE_INDEX_HTML. Currently, I have this configuration in the TRIRIGAWEB.properties:
- ALTERNATE_UX_LOGIN_VIEW: cstMeetingRoomsManagerViewAutoLogin
I would like to use the same login page in both places, accessing classic TRIRIGA normally, and also accessing a UX application. Can I set something like this?
- ALTERNATE_INDEX_HTML: cst-meeting-rooms-manager-autologin.html
- ALTERNATE_RESOURCE_DIRECTORY: /root/tririga/p/web
Currently, TRIRIGA does not support using a UX login view as the ALTERNATE_INDEX_HTML. That’s because of the dependency from UX views to Polymer libraries and UX components.
[Admin: To see other related posts, use the Alternate tag.]
Component API documentation for developing applications with UX Framework is deployed with your TRIRIGA server. Component documentation can be accessed via the following endpoint:
- 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.]
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?
[Updated 08.07.17 for TRIRIGA 3.5.3 and 10.5.3]
A typical TRIRIGA UX application will initially load hundreds of resource files which translate to the same number of HTTP requests from the server to the browser. This remains true in the succeeding requests of these resources even if they are already cached by the browser. The browser still makes the same number of HTTP requests to the server then waits for the server response to either load it from the cache or from the latest version from the server. This great number of HTTP requests is costly and can affect the performance of your application. One way of cutting down this cost is to concatenate these web resources into a single file through the Vulcanize build tool created by the Google Polymer team.
The TRIRIGA team developed a tool called tri-vulcanize that specifically vulcanizes TRIRIGA UX component files. It pulls the component files from the TRIRIGA server based on the given view to vulcanize, then uses the Google Vulcanize build tool to concatenate these files into a single file.
- Upgrade TRIRIGA Platform version 3.5.2 to be able to vulcanize UX applications.
- Upgrade TRIRIGA Application version 10.5.2 to get the vulcanized Perceptive applications.
- Download the tools here.
- For version 3.5.2 and 10.5.2, follow the steps here in setting up the UX metadata: Setup the UX metadata for 3.5.2 and 10.5.2 for customized and new UX applications.
- For version 3.5.3 and 10.5.3 and later, follow the steps here in setting up the UX metadata: How to vulcanize your UX application starting 3.5.3, 10.5.3 and later for customized and new UX applications.
When do I vulcanize my UX Application?
You will need to vulcanize your UX application whenever there are changes to your view files or platform component files. These usually happen when a developer has updated your view files or from application OMs and platform upgrades. It is best to re-vulcanize your UX applications when any of these changes occurred, even if you are not sure that there were UX component and application files getting updated in the upgrade…
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”>
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.
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 moment. So, 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.]
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?