UX: How do you create an editable query by using the UX framework?


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.]

Continue reading

UX: Is there a way for a UX app to access multiple UX models?


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.]

Continue reading

UX: How do you refresh triplat-ds when navigating back to the list?


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.]

Continue reading

UX: How do you use triplat-route to navigate back to the main page?


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>

_navigateHome: function(){

this.$.homeRoute.navigate();

},

[Admin: To see other related posts, use the UX tag or UX Framework tag.]

Continue reading

UX: How do you export components from one environment to another?


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.]

Continue reading

UX: Why does triplat-graphic show very small graphic in the dialog?


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?

Continue reading

UX: Is there a way to attach files in the Space Management app?


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.]

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