Add border to image in Confluence

Display files and images Confluence Cloud Atlassian

Add an image or gif onto a Confluence page by choosing > Files and Images. Either upload your image or gif into Confluence, or display an image from another web page using its URL. You can select the pixel size of your images, or choose original so that it fits to scale. If your image is too big for the column or page, it'll result in a. In the Confluence editor, choose Insert > Other Macros Find the Section macro, select it and insert it onto the page Choose Insert > Other Macros again Find and insert the Column macr Confluence Server 6.1.1; Steps to Reproduce. Add an image to Confluence page and update page; Edit page; Image shows up blurry; Click Border button to toggle border on and off; Image becomes sharp; Click on Resize image to small button; Click on Resize image to medium button to bring it back to the size it was previously; Image is blurry. Image attachments in Confluence become blurry. Environment. 1000.1214. - Cloud; Steps to Reproduce. Add an image to Confluence page and update page; Edit page; Image shows up blurry; Click Border button to toggle border on and off; Image becomes sharp; Click on Resize image to small butto

Hide Elements is the add-on for Confluence that allows you to hide the required Confluence page elements in one click. Let's try it! You need to add a macro to the page, then define the elements for hiding. Now the page is much easier to read: Replace default Confluence links with sight-capturing buttons. Another case is the documentation page I have just learned how to wrap the text around an image in Confluence 4.0. W00t. Just click the image to select it, then click the left-align or right-align button in the editor toolbar. Simple when you know how! One tricky aspect: There is no indication that the image is selected. Just click it, an Split the diagram into tiles (separate images), so that each clickable region is a separate tile (and the remaining tiles fill in the gaps). Then put all the tiles on the same page. You'll have to experiment to see if Confluence puts them together how you want In a Confluence page, I wanted to include multiple Panel Macros, each containing column and row formatted content but without the borders. The goal is to show team member profiles with Image on the left and supporting text content aligned right, example below Image Editor for Confluence. Make your documentation beautiful and concise. Learn More. It's about doing things in context. Edit your screenshots in the same place you edit your documentation. Integrated Image Editor. Crop, Resize, set border effects, and add annotations to images while editing a page in Confluence. Small Server Footprint

Confluence Gadget - Structure

Solved: Image border, size, and linking in new edito

  1. We have added bordering support to image and several control types that use images (button, checkbutton, keyboard, listcontrol, spinbutton, button3part). Some bugs have already been fixed and will be added in a later release
  2. A draw.io diagram is inserted like any other macro in a Confluence page. Create a new page in Confluence, or edit a page that you have permission to edit. Click somewhere within the page, then click the drop down menu in the toolbar with the plus icon ( + ), and select draw.io diagram
  3. The layout of your pages can have a big impact on how they're read, and layouts, used well, allow you to position text, images, macros, charts, and much more, to have the best visual impact. There are two ways to modify the layout of a Confluence page: Use page layouts to add sections and columns; Use macros to add sections and columns
  4. Choose Border in the image properties panel. To add a hyperlink to the image: Choose Link in the image properties panel. For more detail, see Linking from an Image. To align an image: Select the image and choose the paragraph alignment buttons on the editor toolbar. If you choose the left or right alignment, the text will wrap around the image.
  5. Use the handles on the image to select the area you want to keep. You can use the arrow keys on the keyboard to fine tune the movement of a selected handle. Border. Use the Border tool to add simple border effects to the image. Currently supported effects are Drop Shadow, Fade to Background, and a Rounded Border
  6. Screenshot: Dragging and Dropping an Image into the Insert Image Window; Click the image you want to insert onto the page. From the Web — Use this option to embed a remote image from the web onto a Confluence page. Enter the URL of the image into the 'Image URL' text box. If you want to preview the image, click the 'Preview' button

Display Files and Images Confluence Data Center and

  1. Ensure that you size the image in Confluence so that it does not extend past the text around it, and so that it is not too small either. Judgement is key here. Image Borders. Images, especially those with a white background, may get lost on a white page. You should add a black border around all images. Image Positio
  2. g to Sketch for Confluence in the next few weeks. We've completely overhauled our image editor with new editing options so now you can rotate images, pencil draw and add stickers.It's also easier on the eyes with the new dark mode style.. This updated version of Sketch for Confluence is currently available on Confluence Cloud, Server and Data Center
  3. Images such as PNGs, JPGs, GIFs, or SVGs can be uploaded to the Image Management tool and used inside of containers in Perspective. The Image Management tool, available from the Tools > Image Management menu, provides an interface to upload, download, or select images. The following feature is new in Ignition version 8.0.3
  4. For an image: right-click the image, then select Format object, and then click the Alt Text pane. To add Alt Text to the entire SmartArt graphic or chart, click the border of the SmartArt graphic or chart, and not an individual shape or piece
  5. Update the image size if needed. Most of the thumbnail images used in the Service Catalog site are set to 60px, large screen shots are usually 300-600px; Click on the Border button to create a border line around the image; Click the Properties button in order to add mouse over and alt-text to the image; In the Title text add a title to the image
  6. Click the Image info tab to format your image. Formatting Your Image. At this point you will return to the Image Properties window. From here you can see a preview of you image in relation to other content. You can add a border, add horizontal or vertical space around your image or set the image alignment

To add an image to a button. Select the button. In the Properties tab, click the Image property, and click the ellipsis button. In the Image dialog box: If necessary, click Clear Image to delete an existing image. Browse for the image to display on the button. You can select .bmp, .jpeg, .jpg, .gif, and .png files Objective: Confluence allows you to add images to a space page.This activity will show you how to upload and use images within your page. Step 1. Insert an Image to Confluence. Click Edit in the upper right hand corner of the page.; Click the Insert Files and Images button on the text editor.; The Insert Files and Images screen will open.; Click Browse or Choose File at the top of the screen. Screenshot: The image properties panel beneath an image. Screenshot: Examples of image border effects. Setting other image attributes. You can add a title and alt text to your image in the image properties panel. The image title displays when the user hovers over the image or views the full size image. The alt text is used by screen readers and.

Format your page Confluence Cloud Atlassian Suppor

Add an image to a page; Select one of the preset sizes, or add a custom size; Save the page and view it; Edit the page; Add a border to the image; Save the page and view it; Expected result. The thumbnail image will be sharp in both situations. Actual result. The thumbnail is rendered unclear when added without a border Inserting\Importing images Images. While editing your Confluence page, you have the ability to import and attach photos and images. This process will require you to have the image If you're using a table to, for example, arrange blocks of images and text in artful ways, those table borders can really spoil the effect. In such cases, drop this inside an HTML macro anywhere on said page: <style> .confluenceTd {border: none !important;} </style>. Remember that this will erase the borders of all tables on a particular page With this feature you have the ability to add borders composed from textures that you identify. Each border is a rectangular shape and each side and corner of the border rectangle is itself a rectangle drawn with the specified border texture. You may border the image at its edge or the control rectangle which contains the image To add the Status macro to a page using the Macro Browser: In the Confluence editor, choose > Other Macros; Find and select the required macro; Speeding up macro entry with autocomplete: In the new editor-Type / and the beginning of an element (tool or things in the insert menu) to see a list of suggestions

Suggestion: Add schema and XML to the list of triggers. Add the option to add a border and other styling to the image. The Avisi team like the latter two suggestions, and are waiting for more feedback before implementing them. Would you be interested in an XSD viewer in Confluence, and what requirements would you have for it Emoticons macro is changing to image after the first save and edit of the page. Steps to Reproduce. Create a page and add an emoticon by typing in the keyboard or using the macro menu; Save the page and check the storage format of the page it should look like thi 2) Click Borders and choose the frame you like. 3) Click Save to download the photo. Use desktop apps to add a border 1. Use Paint to add a border. If you don't want to download other apps into your computer, you can use Paint to add a border to your photo. Paint is an in-built program in Windows system, it has basic features to meet your. h3 Description Resizing images by pixel has been removed in the new editor. There are many times when precision documentation calls for precise image sizes, down to the pixel. Additionally: The TinyMCE editor allowed to scale images to a percentage of their size

Solved: Burndown Chart without using Story point

Page Layouts, Columns and Sections Confluence Data

  1. functions to behave unexpectedly. You can display an image from a remote web page on your Confluence page, without needing to attach it to your page. You need to know the URL for the image, not for the web page it appears on. This is only available for image files, not other types of files (like documents). To display an image from a we
  2. Since most of the answers to this question are between 2009 and 2014 (except for a comment in 2018), there should be an update to this. I found a solution to the wrap-text problem brought up by Spongman on Jun 11 '14 at 23:20
  3. Add rounded border edges. Border style, border width and color. Search from 350+ icons. Change icon colors. Collapsible panel on click. Scrollable panel with height option. We don't store any data outside of your Confluence instance. The Apps+ team is based in sunny Sydney, Australia
  4. Save Image (Ctrl+S) Close Image (Ctrl+X) Upload Image (Ctrl+O) Upload Multiple Images Open from URL Image Size Info Color Histogram Color Palette New Blank Image Find Stock Photos Open from FaceBook Open from DropBox Open from Imgur Open from Google Photos Sample Image Print Image Convert File Format Add Animation Get Prints at Zazzle Pin it on.
  5. If left blank the default Confluence colours will be used. Border Colour Set colour name, hex, or rgb values. Border (Checkbox) Sets a default border and shadow to the tile. Enabled by default. CSS Style is used to add custom css rules to the selected tile. ID is used to add a HTML ID to the tile element. Can be used to apply external CSS

Type wiki markup directly into the editor. Confluence will convert it to the rich text editor format as you type. Create links using the Advanced tab of the Links Browser. Insert a block of wiki markup into the Confluence editor. (Choose Insert > Wiki Markup .) Confluence does not store page content in wiki markup So you always need: cell.setBorder(Border.NO_BORDER); If you want to draw partial borders, you need to draw partial borders. When you add a border using a cell renderer, you add a number of lines using a sequence of moveTo (), lineTo () and stroke () commands. In other words: you decide which lines are drawn

To add the Table of Contents macro to a page: From the editor toolbar, choose Insert > Other Macros. Choose Table of Contents from the Confluence content category. Enter any parameters. Choose Insert . You can then publish your page to see the macro in action. Screenshot: Entering parameters for the Table of Contents macro Here's a gussied-up Confluence panel: In this example, the following was done: Changed the font in the header. Aligned the header text (center) Styled the header text with shadows and text spacing. Gave the panel rounded corners. You're going to need to edit your global or space stylesheet, though You can also use your own custom images. Recommended image size for the three modes are given below. On top of that, you can use your own custom logo, border image, background image, as well as custom tones/sounds. Classic: Recommended image dimensions are 500 pixels (width) × 500 pixels (height)

Display Files and Images - Confluence 6 - CWIKI

This is the documentation for Confluence Image Captions. A nice easy way to add captions to images in Confluence. Quick Start. To add a caption to an image in Confluence: Select the image in the editor. Click on the Properties button. In the Image Properties dialog, select the Title panel. Select the checkbox that says Display the Image's Title. First upload your image to Website > Images. Next go to Website > Web Page List and click the Edit icon next to the web page you would like to add your image to. Place your cursor where you would like your image to appear. Click the Image icon on the page editor. It looks like a little photo. The Image Properties dialog box will open You create HTML image borders by using Cascading Style Sheets (CSS). Specifically, you use the CSS border property. You can also use other CSS properties to create HTML borders (such as border-width, border-style and border-color ), but these don't do anything that border doesn't do. That's because border is shorthand for those other properties Confluence has an ac:image tag which allows you to transform and format your attached images: resize, set alignment, add borders, etc. Since version 0.6.15 you have access to all these features. Now instead of plain Markdown-image syntax you can use native Confluence image syntax. Add an ac:image tag as if you were editing page source in.

Confluence Cloud: As an administrator, go to the draw.io Configuration section in your instance's Settings. Jira Server: Click on the Settings icon as an administrator. Select Manage apps (or Manage add-ons in older Jira versions). Open the draw.io add-on configuration in the left navigation, and click on the Configuration tab You can also add images that are not stored in AroFlo. To upload an image from outside AroFlo: From within your layout preview, click Customise > Layout Elements > Image.; In the Select / Upload Image window, click Choose File and navigate to the file you need.; Select the file and click Open > Upload Image.The image will be added to the 'Select File' drop-down list About Confluence Log in Sign up Website Service Guide. Search. Page tree. Browse pages. Configure Space tools.

Click on Menu > Application Access Settings. Enable the settings. Enter Application Name (say Confluence), the Confluence URL, Description (optional), and click on Add Application. An entry would be added. You can click on the key icon to view and copy the security token Overview One of the most basic HTML elements is the image tag, which is used to tell a browser to display an image on a webpage. While it is a simple tag to learn, the image tag has quite a few attributes that are important to be aware of. For example, using these attributes we can tel.. The image component is a deceptively powerful component. While you can use other components, like the Label, to display images as well, this component gives you much more flexibility. In particular, this component has 4 important features for displaying images: Scaling. Rotation - Rotate to create spinning animations by binding to a timer.

Confluence is a collaboration between the contemporary landscape painter, Rachel Teannalach, and the nonprofit environmental law firm, Advocates for the West. In this project, the artist and a group of dedicated nature conservationists are working in tandem to advocate for the Pacific Salmon and the elaborate river and ocean ecosystems of which. HOW-TO:Add volume value in Confluence This tutorial will show how to add a volume value (percent, number or dB) beside the volume bar. This is achieved by editing DialogVolumeBar.xm Copy and Paste the Image. Once you have your image URL, the next step is to add it to your system so the image appears on your website. First, click on Pages in your website menu, then expand the menu for the page where you're adding the image.Then click Edit.. Next, go to your hosted image, right-click on the image, and select Copy Image. Then go back to the page you're editing, and paste the. You can change the display of the diagram when editing the Confluence page (size, border, etc.). When you click on a diagram in edit mode, a toolbar is displayed either above or below the diagram. SERVER ONLY. The following options are available on this toolbar: Change how the diagram is displayed within the Confluence page (border, toolbar, etc. You can also add a border to a picture, put a border around a table, add a border to an individual page. Add a border to selected text. Select a word, line, or paragraph. On the Home tab, click the arrow next to the Borders button. In the Borders gallery, click the border style that you want to apply

A table is an arrangement of columns and rows that organizes and positions data or images. Tables can be created on Wikipedia pages using special wikitext syntax, and many different styles and tricks can be used to customise them.. Tables can be used as formatting instrument, but consider using a multi column list instead In Confluence Cloud, you can additionally restrict data transmission to between your browser and your Confluence Cloud instance only (and disable the features above). Add the following JSON string to the draw.io app configuration: lockdown: true. Note the dataGovernance value is ignored with lockdown set to true. New UML 2.5 shape librar You can move this image around as needed. To align your photo select your photo and use the left, center, and right align options. Click on the image to see options to add a border. Add alt text to images - after you have your image on the page, click on the image, then click properties and add text describing the image (WebAIM > Alternative.

IMAGE 15: Use the width of a Ruler to Mark Out a Border. IMAGE 16: Border Drawn on new cover cloth. Spread glue on one side of a board and place it along the edges of the two pencil marks leaving a flap of cloth on either side of the board. Press the cloth down using a bone folder. Clean off any excess glue Wikitext, also known as Wiki markup or Wikicode, consists of the syntax and keywords used by the MediaWiki software to format a page. To learn how to see this hypertext markup, and to save an edit, see Help:Editing.Generally, coding can be copied and pasted, without writing new code. There is a short list of markup and tips at Help:Cheatsheet.. In addition to Wikitext, some HTML elements are.

To create a nine-patch image, you can either use the Android NDK draw9patch tool or a graphics editor. If you are using a graphics editor, create a one-pixel transparent or white border around your PNG image, then change the top and left border to black pixels where you want the image to stretch Adding Borders and Shading. Select the paragraph(s) to which you want to add shading and/or border(s). To add a border, click Type » select the desired border option. To add shading, click the next to Color » select the desired shading option. Removing Borders and Shading. Select the paragraph containing the border or shading you want to remove Powered by a free Atlassian Confluence Open Source Project License granted to Apache Software Foundation. Evaluate Confluence today . Powered by Atlassian Confluence 7.5. Example with the background property set to {url ('/img/sunset-beach.jpg') no-repeat 0 0/cover (screen layer width of 250px and height of 100%) These properties modify the width and height of the layer behind Confluence content and above the screen. Allowed values are: length (in pixels) and percentage. The container refers to the surrounding.

[CONFSERVER-52559] Image attachments in Confluence become

Add the option to add a border and other styling to the image. The Avisi team like the latter two suggestions, and are waiting for more feedback before implementing them. Would you be interested in an XSD viewer in Confluence, and what requirements would you have for it Note: The instructions below require some previous knowledge of HTML. If you want to add a border to specific section/block, then go to Edit Mode and click on the code view button from the left panel or in the toolbar of the block, click on the HTML button.; In the html code dialogue box, in the first line, look for the following text

[CONFCLOUD-54718] Image attachments in Confluence become

The only method available to Android and iOS users is to attach the image to the article.. To insert an image using the Insert Image option. Under Article content, click Image icon. The Image Properties window is displayed. On the Image Info tab, enter the web address of the image in the URL field or, on the Upload tab, browse for an image from your system and send it to the server Create a page in Confluence. Attach your XSD file to the Confluence page, just as you would attach a screenshot or other file. See the documentation on adding attachments. Edit the page. Add the XSD Image and/or the XSD Table macros to the page. See the documentation for the XSD Viewer. Save the page Polls for Confluence integrates with your Atlassian product. This remote service can: Download a free trial of Polls for Confluence now to engage your team — vote on a product name, survey user satisfaction, or pick the time of the next company party! Mohami is an Atlassian Platinum Partner Border Size: 0-1 Add a border on the edges of the selected color. The border increases the length of the weft between warp threads near the edge of the color, avoiding warp stitches to appear close to edge of color sets. Roughness Offset: 0-1 Modify the roughness for this color set; Metallic: 0-1 Modify the metallic value for this color se Defines how far the background (color or image) should extend within a component. (Be sure to set up the border, padding, background properties, and add some content before configuring the background-clip, otherwise you will not see any changes when you add a value for the backgroundClip

Puerto Madero aerial view, Buenos Aires, Argentina, South

How to make your Confluence pages more attractive Stiltsof

Adding link to local file in Confluence. 0. Confluence Insert (better Insert Jira Issue) Keyboard Shortcut. 0. Link to Card in Confluence. 1. Why are national guards in states nowhere near the US Mexico border getting involved in border security with Mexico The alignment of the image with the text. Padding. Amount of space (in pixels) around the image. Border. The type of border around the image. You can select the width, line type, and color. Description. The text that appears when the mouse hovers over the image. Link URL. The URL that is opened when you click the image in the character field

Running quickly with our Step-by-Step Guides Whether you are new to draw.io and diagramming or are an advanced user that needs a refresher, there are tutorials for everyone. Our step-by-step guides take the guess work out and give you the tools to directly and efficiently set up the diagrams you need, no fuss Active 10 months ago. Viewed 532 times. -3. I'm creating a confluence page and want to set a background color for the page. I have inserted Css Style sheet and have added below. body { background-color: #E6E6FA; } When the page loads the color loads and was getting overwritten. any ideas how to set the color. html css confluence DMC$ $Creating$a$Poster$in$Adobe$Illustrator$ $ 1$!!!!!Creatinga!Posterin!AdobeIllustrator! $ This$guide$was$developed$for$Adobe$Illustrator$CS3. Release Notes. Check out what's new for Content Formatting Macros for Server and DC. Get Started. Discover how Content Formatting Macros can drive better content structure, an enhanced look and feel, improved user journeys, and integration with other platforms Also note that the image is a hyperlink to the full size original image. If the image is from a different source file the hyperlink should be to the original source file such as a MathCAD or Excel sheet. In this example I set the size of the float and the size of the image to 200px. The viewer can see the full image by clicking on it

Opava - Czech Republic

The + icon next to the drop-down box allows you to add an image from your computer. This is the same as dragging and dropping an image file. Clicking the cloud opens a dialog to add image from the web by entering a URL directly or by searching Flickr. Wireframes supports GIF, JPG/JPEG, and PNG image file formats Add Top/Bottom Border. Adds a 1 pt. rule to top and bottom of all tables. Left Justify First Column. Left-justifies text in first column of all tables. Insert Space in Empty Cell. Inserts a single non-breaking space in empty tables cells. Add Header Border. Adds a border to the heading rows of a tables. Remove 1st-Line Inden

How to wrap text around images in Confluence 4

Search, edit and share Confluence content in the MS Teams UI. The Devil in the Details Tiny quirks in the way some images are rendered. The bottom line MS Teams for Confluence helps you get the best of both tools without requiring users to pivot just for simple Confluence access. See it in the Atlassian Marketplace. 5. Source Editor for. Sharing an Image Link. Sharing an Image Link is a great way to share your wireframes with folks. You can embed the Image Link in other Confluence pages, Jira issues, external webpages, or applications that support direct image links, and keep your clients or company updated on the progress of a project The image gallery web parts display images saved in the content tree as documents (CMS.File document type). Kentico comes with three web parts and four page templates suitable for creating image galleries. Image galleries aren't the only way to display images on your web pages. You can achieve similar functionality by using the Media application How to add background image in CSS? The background-image property in CSS is used to set an image as the background of an element. Using this CSS property, we can set one or more than one background image for an element. By default, the image is positioned at the top-left corner of an element and repeated both horizontally as well as vertically Adding an Image Border. To select the image, click it once. NOTE: If the Drawing toolbar does not appear, from the View menu, select Toolbars » Drawing. To select the border line style and weight, on the Drawing toolbar, click LINE STYLE » select a line style and weight. The selected line style and weight are applied to your image border

Inserting multiple links to one image in Confluence

By adding them to an icon in the Setup module, you can access them in the Visualization, Acquisition, and Modeling modules through the icon shortcut menu. Images and webcams can be viewed in their own separate dialog or as icons on the map window. Figure 3, displays an image that can be viewed from a time series icon. If a time series icon. CSS Border Style. The border-style property specifies what kind of border to display.. The following values are allowed: dotted - Defines a dotted border; dashed - Defines a dashed border; solid - Defines a solid border; double - Defines a double border; groove - Defines a 3D grooved border. The effect depends on the border-color value; ridge - Defines a 3D ridged border

The text inside the square brackets is an image attribute called ALT, which stands for alternative text. Including descriptive alt text helps maintain accessibility for every visitor and should always be included with an image. When you add alt text be sure to describe the content and function of an image Adding images is a process with several steps which includes first uploading your graphic image to your website and then selecting it for insertion. There are many clicks and pop-up windows to go through. The first step is to click the Edit tab to go into edit mode. Below are the steps you must take to insert an image file Add a third text box below and copy and paste in the directions. Add the image Ingredients between the Ingredients list and the directions. It should look like this: 11. Now we want to add some color to the recipe directions. For this we need the color theme tool. 12. Use the color theme dropper and click on the guacamole in the image. You.

How to hide table borders in Confluence, per page

Background Class Colors with CSS. REDCap's css includes some familiar background-colored warning boxes. Here is an example where a descriptive text question is used as a warning when someone tries to collect another time point in a longitudinal study without checking the enrollment status of the participant first IMAGE 15: Use the width of a Ruler to Mark Out a Border. IMAGE 16: Border Drawn on new cover cloth. Spread glue on one side of a board and place it along the edges of the two pencil marks leaving a flap of cloth on either side of the board. Press the cloth down using a bone folder. Clean off any excess glue To add a PDF, upload the file as an attachment to your Confluence page, copy the link from the attachments list and insert it on your Confluence page. Depending on the user's browser (configuration), clicking the link in Viewport will download the PDF right away, or open a preview in a new tab. Popular labels macro. NOT SUPPORTE

click the image icon in the button above the content control border - a standard file selection window will open. Choose an image stored on your computer and click Open. The selected image will be displayed within the content control. To replace the image, click the image icon in the button above the content control border and select another image You can click on the buttons with the different-sized boxes to change the size of the image on the page. On the left, the smallest box will turn the image into a thumbnail. Click on the button named Original to return the image to its original size. Border. Click on the Border button to add a simple, black border around the picture. Lin I did as the blog mentioned,but the Data didn't *automatically populates to the database table when the data is entered into the zfields.*I think there maybe some other exit to get data from zprogram.Could any one tell me how to do that? Any one who can do me the favour,pls send a mail to before45@hotmail.com . TKS Crystal Reports Java SDK Samples. #General #Viewing #Database #Exporting/Printing #Parameters #Report Modification. General. CRJava_Sample_Collection This is a set of samples which include the following:. Designer Java_Designer_CRJ12_Branding_Wizard - how to implement a Wizard for Crystal Report creation Java_Designer_CRJ12_Dnd_Pictures - how to implement Dnd for images into the Crystal. Next, go to where your image is hosted (e.g. Google Photos or Facebook) and right-click on your image. Then select Copy Image. Now, go back to your email, and then paste the image into the email body (Control+V on a PC or Command+V on a Mac). You will now see the image in your email