[H5] Mobile HTML Special Links to Call, SMS and Email

1. Imprint

2. Application scenario

When designing reports, we often need to implement some friendly functional interactions.

For example: click on the phone number to directly display the call or send text messages, click on the mailbox to send the email directly, etc. So how to achieve it?

Note: This method does not support the App terminals.

1. Add embedded

Add embedded, select the Table Design, the specific design is shown in the figure below.

After the design is complete, clickOK and chooseInsert Row. Enter information such as contacts and mobile phone numbers. The specific effect is shown in the figure below.

2. Set template style

Set the format of the template and drag the data of the built-in data set into the cell. And in theD2,E2,F2cells, enter "Make a call", "Send a text message" and "Send an email" in sequence.

As shown below:

3. Set cell formula display

Click on cell D2, selectCell Attribute-Display, selectFormula Form, enter D2 formula: ='<a href="tel:'+B2+'">'+$$$+'</a>'

As shown below:

Same as above, set the formula form of cellsE2 andF2.

E2 formula: ='<a href="sms:'+B2+'">'+$$$+'</a>'

F2 formula: ='<a href="mailto:'+C2+'">'+$$$+'</a>'

4. Set the display mode of the cell

Select cellsD2,E2,F2, setCell Attributes> Other> Display Content, and selectDisplay by HTML.

As shown below:

5. Effect preview

1) PC terminal

Note: The PC terminal currently only supports sending emails.

2) H5 terminal

Please refer to the completed template: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\SpecialSubject\[H5] [H5]Mobil_HTML _special_links_to_call_SMS_and_email.cpt

Click to download: 

[H5]Mobile_HTML _special_links_to_call_SMS_and_email.cpt