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