AgileApps Support Wiki Pre Release

Difference between revisions of "Common:Adding Images to Templates"

From AgileApps Support Wiki
imported>Aeric
(Created page with "<noinclude>__NOINDEX__</noinclude> In HTML, an image is referenced using a tag that has the form: <tt><nowiki><image src"..."></nowiki></tt>, where the <tt>src</tt> attribute con...")
 
imported>Aeric
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>__NOINDEX__</noinclude>
<noinclude>__NOINDEX__</noinclude>
In HTML, an image is referenced using a tag that has the form: <tt><nowiki><image src"..."></nowiki></tt>, where the <tt>src</tt> attribute contains an absolute or relative path to the image. That path can be a file path like <tt>../images/local_image_file.jpg</tt> or it can be a URL of the form <tt><nowiki>http://...</nowiki></tt>.
In HTML, an image is referenced using a tag that has the form: <tt><nowiki><img src="..."></nowiki></tt>, where the <tt>src</tt> attribute contains the path to the image. That path <!--can be a file path like <tt>../images/local_image_file.jpg</tt> or it can--> must be a URL of the form <tt><nowiki>http://...</nowiki></tt>.


When the email arrives in a recipient's inbox, file paths are obviously of little value. (They would only work if recipient happened to have all of the right images at the right locations on their local system. Small chance!) So Http URLs are used to access the images.
Insert the URL into an <tt><nowiki><img src="..."></nowiki></tt> tag. The result is a tag of the form <tt><img src="{imageURL}/..."></tt>.
 
{{TBD| This has changed. After uploading, use the short URL for the image.}}<br>
To generate those URLs, the images to be included in the URLs need to be uploaded to the platform as [[Public Document]]s. URLs for those images become available when they are made public. You then insert those URLs into the <tt><nowiki><image src"..."></nowiki></tt> tags.  
 
The resulting tag as the form <tt><image src="{{platformURL}}/..."></tt>. The link then works in the recipient's email, because the image is publicly available.

Latest revision as of 22:33, 31 October 2014

In HTML, an image is referenced using a tag that has the form: <img src="...">, where the src attribute contains the path to the image. That path must be a URL of the form http://....

Insert the URL into an <img src="..."> tag. The result is a tag of the form <img src="{imageURL}/...">.