Bug 563789: Update JDT Tips & Tricks for 4.16

Change-Id: Ie7088e5072b76f9cdd88c9c67d3c93052071aeb7
diff --git a/bundles/org.eclipse.jdt.doc.user/tips/images/enable-preview.png b/bundles/org.eclipse.jdt.doc.user/tips/images/enable-preview.png
new file mode 100644
index 0000000..4641a2a
--- /dev/null
+++ b/bundles/org.eclipse.jdt.doc.user/tips/images/enable-preview.png
Binary files differ
diff --git a/bundles/org.eclipse.jdt.doc.user/tips/images/subword-code-completion.png b/bundles/org.eclipse.jdt.doc.user/tips/images/subword-code-completion.png
new file mode 100644
index 0000000..783a23b
--- /dev/null
+++ b/bundles/org.eclipse.jdt.doc.user/tips/images/subword-code-completion.png
Binary files differ
diff --git a/bundles/org.eclipse.jdt.doc.user/tips/jdt_tips.html b/bundles/org.eclipse.jdt.doc.user/tips/jdt_tips.html
index ef9a18f..02af582 100644
--- a/bundles/org.eclipse.jdt.doc.user/tips/jdt_tips.html
+++ b/bundles/org.eclipse.jdt.doc.user/tips/jdt_tips.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html lang="en">
 <head>
-<meta name="copyright" content="Copyright (c) IBM Corporation and others 2000, 2019. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page." >
+<meta name="copyright" content="Copyright (c) IBM Corporation and others 2000, 2020. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page." >
 
 <meta http-equiv="Content-Language" content="en-us">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
@@ -197,16 +197,24 @@
 			</p></td>
 		</tr>
 		<tr> 
-			<td width="20%" valign="top" align="left"><b>Substring code completion</b>
+			<td width="20%" valign="top" align="left"><img src="images/new.png" alt=""><b>Subword code completion</b>
 			</td>
 			<td valign="top" align="left" width="80%">
-			  Content Assist supports substring patterns. Enter any part of the desired proposal's text, and Content Assist will find it!
+			  Content assist supports substring patterns by default. Enter any part of the desired proposal's text, and Content Assist will find it!
 			  For example, completing on <code>selection</code> proposes all results containing <code>selection</code> as a substring.
 			  <p>
 				<img src="images/substring-code-completion.png" alt="Popup with proposals like addSelectionListener(..), getSelection(), etc.">
+			  </p>
+			  <p>This feature can be disabled using the <b>VM property: -Djdt.codeCompleteSubstringMatch=false</b>.</p>
+			  <p>
+			  Subword patterns are also supported. For example, completing on <code>addmouselistener</code> proposes results like 
+			  <code><b>addMouse</b>Move<b>Listener</b></code> and <code><b>addMouse</b>Wheel<b>Listener</b></code>:
 			  </p>      
 			  <p>
-				This feature can be disabled using the <b>Show substring matches</b> option on the
+				<img src="images/subword-code-completion.png" alt="Popup with subword content assist proposals">
+			  </p>
+			  <p>
+				This feature can be disabled using the <b>Show subword matches</b> option on the
 				<a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.CodeAssistPreferencePage)")'> 
 				<img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="Opens the Content Assist preference page">
 				<b>Java &gt; Editor &gt; Content Assist</b></a> preference page.
@@ -625,6 +633,14 @@
 			</td>
 		</tr>
 		<tr>
+			<td width="20%" valign="top" align="left"><img src="images/new.png" alt=""><b>Enable preview features</b></td>
+			<td width="80%" valign="top">You can quickly enable the preview features on an applicable Java project by right-clicking on it 
+			and selecting <b>Configure &gt; Enable preview features</b>:
+			<p><img src="images/enable-preview.png" alt="Configure &gt; Enable preview features"></p>
+			<p>You can also change the default severity (warning) of the preview features compile problem in the opened <b>Project properties</b> dialog.</p>
+			</td>
+		</tr>
+		<tr>
 			<td width="20%" valign="top" align="left"><b>More Quick Assists and Fixes</b><br>
 			</td>
 			<td width="80%" valign="top">Check out the <a