What is a way to create an analogue of an editable report using UX framework?
You can accomplish this by doing the following:
- 1. Create the query data source.
- 2. In the code, create an iterator over the data (dom-repeat or iron-list).
- 3. Either add a button for saving, or catch the on-change event in order to commit the data to the database by using the triplat-ds updateRecord method.
In newer platforms, you can look into triblock-table as well. I’ve never used it, but you can definitely create custom components inside the cells in order to make displaying data easier.
[Admin: To see other related posts, use the UX Framework tag or Perceptive tag.]
We’re developing some generic components that we would like users to access from various different UX apps (e.g. allow a user to set their primary location or update their photo). Is it possible to configure each app to access its own model plus one or more generic models to support features shared between apps/views?
[Admin: This post is related to the 09.12.16 post about reusing an existing UX model. To see other related posts, use the UX Framework tag or Perceptive tag.]
I’m currently using my UX application to frequently add and modify new users. I’m using an iron-list to display these users and search through them. However, once I add a new user and navigate back to the list, I need to use the pagination buttons or refresh the entire page before the new user shows up. It’s not a massive issue, but it would be nice for the list to refresh when I navigate back. Does anyone have any tips on how to solve this?
When you navigate back to the page you can call the “refresh” method of the triplat-ds component. Have you tried that?
[Admin: To see other related posts, use the UX tag or UX Framework tag.]
I’ve been following the video tutorials on the UX framework, and I think I understand how triplat-route works now. However, I’m unsure how to navigate back to the main page from one of my elements in the iron-pages tag. Do I need to have a universal menu across my whole app? I’d prefer not to do that, if possible.
If you defined, in the root page, a home route like this:
<triplat-route id=”homeRoute” name=”home” path=”/”></triplat-route>
Then, inside a child page you can do this:
<triplat-route id=”homeRoute” name=”home”></triplat-route>
[Admin: To see other related posts, use the UX tag or UX Framework tag.]
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.]
I have a couple of software development life cycle (SDLC) questions about Perceptive apps using the TRIRIGA UX Framework:
- How do you export changes to Perceptive app components from one environment to another, without exporting the whole application? Example components include web view files and data sources. Currently, if we only change and test a data source or web view in Dev, we cannot figure out how to export them from the Dev environment and import them into the system integration testing (SIT) environment.
- How do you add an existing data source to an existing model? We only found an Add button to add a new data source. We would like to associate a pre-defined data source to a model.
TRIRIGA currently supports exporting of the whole app, so you cannot export only a data source. For web view files, you have the option to use the WebViewSync tool to pull the files from one environment and push them into another.
About adding an existing data source, the data sources were designed to be part of a model and that’s why there is no button to add an existing data source to a model. However, you can manually associate them by using the Association tab.
[Admin: To see other related posts, use the UX Framework tag.]
I have a problem. I have developed a UX app for a client, but it is totally necessary that the session is kept alive. I have tried different ways to do it, but I haven’t had any success. So I came here a little bit desperate, looking for new ideas to try.
- (1) First Solution: Using <triplat-login> into the application. The login control was developed as follows… Normally, the application reconnects automatically and correctly. But sometimes it doesn’t, and it returns to the login webpage or gets stuck. So this solution is not valid.
- (2) Second Solution: Using alternative UX login webpage. The next solution was working with the alternative login webpage for UX applications, because the problem of the first solution was that it sometimes returns to the login webpage… When the application returns to the alternate UX login page, it normally reconnects correctly. But sometimes it doesn’t, and it returns an error into the console…
- (3) Third Solution: Force logout and login again. The third and last solution was a mix of the previous two solutions, but also adding the <triplat-signout-button>… This solution has the same problem as the second solution. Normally, it works. But sometimes it returns an error…
Sorry for the very long text. Any new ideas to try?
Have you tried to increase the HTTP session timeout?
[Admin: This post is related to the 04.20.17 post about setting the TRIRIGA session expiration warning in the portal. To see other related posts, use the Timeout tag.]
I noticed a problem with the <triplat-graphic> component recently. I created a dialog to show the floor plan. The first time I open the graphic, it displays correctly. But if I close the dialog and open it again, the graphic becomes very small. I have attached a screenshot of the first time and second time I opened the dialog. Can you explain why this is happening?
Is it possible to add attachments in the Space Management app? For example, if I click a button on the website, then a form opens for me to choose some file from my local PC. Then I can upload the file to the server. I can also check the file later. If it’s possible, which component should I use?
Yes, it is possible. Use the <triplat-file> component available for the UX Framework. It is used for uploading, downloading, and displaying binary files. You can read more on the <triplat-file> and other components from the documentation pages on your TRIRIGA server: http[s]://[tririga-hostname:port][/context_path]/p/web/doc.
The <triplat-file> component was introduced in TRIRIGA 10.5.2. Here is a link to the release notes. Some UX apps that are currently in development for a future release will make more use of this component, for example, to upload images or photos on comments.
[Admin: This post is related to the 03.08.16 post about modifying the Space apps, and the 12.21.16 post about Space Assessment 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:
- 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.]