Implementing UX: UX Lesson 3


II. Implementing UX: UX Lesson 3

UX Lesson 3: Can we define the view connections?

20160529a

  • 1 Implementing UX
  • 2 View Connections: Now let’s define the view connections. First, let’s add the view. From the Tools portal, open the Web View Designer, and click Add. Enter the name, exposed name, and ID of your view. This time, make sure that the exposed name includes a dash. Click Create. Then Save & Close.
  • 3 Exposed Name: So, why do we need a dash in the exposed name? With Polymer, custom element names must always contain a dash. Later, when you design your HTML view, this metadata will already reflect this dash. Also, why did we skip the View Files section? Because we’re saving it for later too.
  • 4 Model and View: Next, let’s add the model-and-view. From the Tools portal, open the Model-and-View Designer, and click Add. Enter the name, exposed name, and ID of your model-and-view. Select the model and the view that you defined earlier. For the view type, select WEB_VIEW. Click Create. Then Save & Close.
  • 5 Application Metadata: Now let’s add the application metadata. From the Tools portal, open the Application Designer, and click Add. Enter the name, exposed name, and ID of your application. While it’s not needed for our example, feel free to type a label.
  • 6 Instance ID: For the app type, select WEB_MODEL_AND_VIEW. For the app name, or the name of the app source, select the model-and-view that you defined earlier. For the instance ID, type -1 (minus 1) to generate a new record when the application is opened. Click Create. Then Save & Close. Guess what? You’re done with the second part! You’ve just defined your view connections. Ready for the next part?
  • Quiz Question 1
  • Quiz Question 2

UX Lesson 4: Continue reading →

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s