How To: Use SmartObject properties in a Hyperlink Expression to Navigate to a URL

In this step, you create a SmartObject with Display and URL properties.

1. Create a SmartObject called Sales Order with the following properties:
   
   

   Sales Order SmartObject	Type	Key	Required	Unique
   ID	Autonumber	Yes	No	Yes
   Item	Text	No	No	No
   Quantity	Number	No	No	No
   Price per Unit	Number	No	No	No
   Total	Number	No	No	No
   Display	Text	No	No	No
   URL	Text	No	No	No

In this step, you use the generate function to create an Item view for the Sales Order SmartObject.

1. From the category tree, right click the Sales Order SmartObject and click Generate Views.
   
2. On the Generate Options page, in the Views section, make sure that the views are generated in the correct category. In this example they are generated in the Sales Order category. Check the Item check box for the Sales Order SmartObject and then click OK.
   
3. The view shows in the Sales Order category.
   

In this step, you update the properties of the Display, URL and Hyperlink controls, you add an expression to the Hyperlink control, and you use the Display and URL SmartObject properties as parameters in the expression.

1. From the K2 Designer, right-click the Sales Order Item view and select Edit.
   
2. On the Layout tab, select the Display text box and untick the Visible property of the control. Do the same for the following:
   • Display label
   • URL label
   • URL text box
   You hide these controls because you want to use their properties but you don't want to show them on the view.
3. Rearrange the Display label and the Display text box by dragging them to the positions shown below.
   
4. Drag the Hyperlink control onto the canvas, untick the Read-Only property, and then click the ellipsis next to the Expression property.
   
5. Click Add to add an expression and then type Navigate to Live Exchange Rates in the Name field.
   
6. Drag the Hyperlink function from the Context Browser onto the canvas as shown below.
   
7. Click the Context tab and drag the Display and URL SmartObject properties to the parameter boxes as shown. Click OK and OK again.
   
8. Click the URL text box and change the Text to https://www.xe.com/?. This is the URL to open when you click the hyperlink at runtime.
   
9. Click the Display text box and change the value to Live Exchange Rates. This text displays in the hyperlink.
   
10. Click Finish to save the view.

In this step, you run the Sales Order Item view to add some sales details. You can click the hyperlink if you want to view exchange rates before you create an order.

1. From the K2 Designer, locate the Sales Order Item view and click Run.
   
2. Click the hyperlink called Live Exchange Rates.
   
3. The Live Exchange Rates URL opens in a new browser tab.