web-apps/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/InsertImages.htm
Maxim Kadushkin 741b10515d webapps added
2016-03-10 21:48:53 -03:00

37 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Insert images</title>
<meta charset="utf-8" />
<meta name="description" content="Add an image to your spreadsheet and adjust its position and size" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert images</h1>
<p>Spreadsheet Editor allows you to insert images in the most popular formats into your worksheet. The following image formats are supported: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
<p>To insert an image into the spreadsheet,</p>
<ol>
<li>place the cursor where you want the image to be put,</li>
<li>click the <b>Insert Image</b> <img alt="Insert Image icon" src="../images/image.png" /> icon at the top toolbar,</li>
<li>select one of the following options to load the image:
<ul>
<li>the <b>Picture from File</b> option will open the standard Windows dialog window for file selection. Browse your computer hard disk drive for the necessary file and click the <b>Open</b> button</li>
<li>the <b>Picture from URL</b> option will open the window where you can enter the necessary image web address and click the <b>OK</b> button</li>
</ul>
</li>
<li>once the image is added you can <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.</li>
</ol>
<p>To replace the inserted image,</p>
<ol>
<li>select the image you wish to replace with the mouse,</li>
<li>click the <b>Image Settings</b> <img alt="Image Settings icon" src="../images/image_settings_icon.png" /> icon at the right sidebar,
<p><img alt="Image Settings Right-Side Panel window" src="../images/imagesettings.png" /></p></li>
<li>in the <b>Replace Image</b> section click the button you need: <b>From File</b> or <b>From URL</b> and select the desired image.</li>
</ol>
<p>The selected image will be replaced.</p>
<p>To delete the inserted image, click it and press the <b>Delete</b> key.</p>
</div>
</body>
</html>