Log in
Confluence
Spaces
Create
Create
Hit enter to search
Help
Online Help
Keyboard Shortcuts
Feed Builder
What’s new
Available Gadgets
About Confluence
Log in
Demonstration Space
Pages
Welcome to Confluence
Prettify the page with an image (step 4 of 9)
Prettify the page with an image (step 4 of 9)
search
attachments
weblink
advanced
image-effects
image-attributes
Paragraph
Paragraph
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Preformatted
Quote
Bold
Italic
Underline
Color picker
More colors
Formatting
Strikethrough
Subscript
Superscript
Monospace
Clear formatting
Bullet list
Numbered list
Task list
Outdent
Indent
Align left
Align center
Align right
Page layout
Link
Table
Insert
Insert content
Files and images
Link
Markup
Horizontal rule
Task list
Date
Symbol
Insert macro
User mention
Jira Issue/Filter
Info
Status
Gallery
Table of Contents
Other macros
Page layout
No layout
Two column (simple)
Two column (simple, left sidebar)
Two column (simple, right sidebar)
Three column (simple)
Two column
Two column (left sidebar)
Two column (right sidebar)
Three column
Three column (left and right sidebars)
Undo
Redo
Find/Replace
Keyboard shortcuts help
You are not logged in. Any changes you make will be marked as
anonymous
. You may want to
Log In
if you already have an account.
This page is also being edited by
. Your changes will be merged with theirs when you save.
<div class="contentLayout2"> <div class="columnLayout single" data-layout="single"> <div class="cell normal" data-type="normal"> <div class="innerCell"> <p style="margin-left: 60.0px;"> </p><p><span style="color: rgb(51,51,51);">The Confluence editor helps you create content, fast. </span><span style="color: rgb(51,51,51);">You can embed images, Office documents, and even videos. <br />That's just the tip of the iceberg when it comes to creating useful content for your team. <br /> </span></p></div> </div> </div> <div class="columnLayout two-right-sidebar" data-layout="two-right-sidebar"> <div class="cell normal" data-type="normal"> <div class="innerCell"> <ol><li style="text-align: left;"><strong>Edit</strong> the page.<br /><br /></li><li style="text-align: left;">Click in the right-hand column to position your cursor.<br /><br /></li><li style="text-align: left;">Click <strong style="text-align: left;">Files</strong> on the editor toolbar. It looks like this:<br /><br /><img class="confluence-embedded-image" draggable="false" width="301" src="/download/attachments/65559/step04-01.png?version=4&modificationDate=1592313757191&api=v2" data-image-src="/download/attachments/65559/step04-01.png?version=4&modificationDate=1592313757191&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="65589" data-linked-resource-version="4" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-01.png" data-base-url="https://confluence.geacom.cloud" data-linked-resource-content-type="image/png" data-linked-resource-container-id="65559" data-linked-resource-container-version="1" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-01.png" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-01.png" data-image-height="166" data-image-width="714"><br /> </li><li style="text-align: left;"><span>The Files dialog shows you the files attached to this page. <br />Select the image named <strong>Confluence Origami Necktie</strong>.<br /> <br /></span></li><li style="text-align: left;">Click <strong>Insert</strong>.<br /><br /></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">You will return to this page, and see the 'Image Properties Panel'. If you don't see it, click the image.<br /> <br /></span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">Resize the image by clicking on the square buttons or entering a width.<br /><br /><img class="confluence-embedded-image" draggable="false" width="540" src="/download/attachments/65559/step04-02.png?version=1&modificationDate=1592313757191&api=v2" data-image-src="/download/attachments/65559/step04-02.png?version=1&modificationDate=1592313757191&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="65571" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-02.png" data-base-url="https://confluence.geacom.cloud" data-linked-resource-content-type="image/png" data-linked-resource-container-id="65559" data-linked-resource-container-version="1" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-02.png" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-02.png" data-image-height="234" data-image-width="1080"><br /> <br /></span><span style="color: rgb(51,51,51);"><br /></span></li><li style="text-align: left;"><span>Click <strong>Properties </strong>and then select the <strong>Curl Shadow</strong> option from the Image Effects dialog. <br /> <br /></span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">Your image should look like this when completed:<br /><img class="confluence-embedded-image confluence-thumbnail" draggable="false" width="300" confluence-query-params="effects=border-simple,shadow-kn" src="/download/thumbnails/65559/Confluence-Origami-Necktie.jpeg?version=1&modificationDate=1592313757191&api=v2&effects=border-simple,shadow-kn" data-image-src="/download/attachments/65559/Confluence-Origami-Necktie.jpeg?version=1&modificationDate=1592313757191&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="65578" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="Confluence-Origami-Necktie.jpeg" data-base-url="https://confluence.geacom.cloud" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="65559" data-linked-resource-container-version="1" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > Confluence-Origami-Necktie.jpeg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > Confluence-Origami-Necktie.jpeg" data-image-height="300" data-image-width="449"><br /> </span></li><li style="text-align: left;"><span style="line-height: 1.42857;">Click </span><strong style="line-height: 1.42857;">Update </strong><span style="line-height: 1.42857;">to publish your changes to the page.</span><br /><br /></li><li style="text-align: left;">View the image on the page, or click to preview the file.</li></ol><p style="text-align: left;">The Files button is not just for images, you can insert and preview a wide range of files, including Microsoft Office documents and PDFs.</p></div> </div> <div class="cell aside" data-type="aside"> <div class="innerCell"> <p> </p></div> </div> </div> <div class="columnLayout single" data-layout="single"> <div class="cell normal" data-type="normal"> <div class="innerCell"> <h1 style="text-align: center;"><span style="color: rgb(51,51,51);"><br /></span></h1><h1 style="text-align: center;"><span style="color: rgb(51,51,51);"><a class="confluence-link" href="/pages/viewpage.action?pageId=65558" data-linked-resource-id="65558" data-linked-resource-version="1" data-linked-resource-type="page" data-linked-resource-default-alias="Let's edit this page (step 3 of 9)" data-base-url="https://confluence.geacom.cloud"><img class="confluence-embedded-image" draggable="false" src="/download/attachments/65558/prev.jpg?version=1&modificationDate=1592313757191&api=v2" data-image-src="/download/attachments/65558/prev.jpg?version=1&modificationDate=1592313757191&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="65585" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="prev.jpg" data-base-url="https://confluence.geacom.cloud" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="65558" data-linked-resource-container-version="1" title="Demonstration Space > Let's edit this page (step 3 of 9) > prev.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > prev.jpg" data-image-height="40" data-image-width="106"></a> <a class="confluence-link" href="/display/ds/Welcome+to+Confluence" data-linked-resource-id="65560" data-linked-resource-version="1" data-linked-resource-type="page" data-linked-resource-default-alias="Welcome to Confluence" data-base-url="https://confluence.geacom.cloud"><img class="confluence-embedded-image" draggable="false" src="/download/attachments/65558/home.jpg?version=1&modificationDate=1592313757191&api=v2" data-image-src="/download/attachments/65558/home.jpg?version=1&modificationDate=1592313757191&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="65579" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="home.jpg" data-base-url="https://confluence.geacom.cloud" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="65558" data-linked-resource-container-version="1" title="Demonstration Space > Let's edit this page (step 3 of 9) > home.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > home.jpg" data-image-height="39" data-image-width="98"></a> <a class="confluence-link" href="/pages/viewpage.action?pageId=65549" data-linked-resource-id="65549" data-linked-resource-version="1" data-linked-resource-type="page" data-linked-resource-default-alias="Get serious with a table (step 5 of 9)" data-base-url="https://confluence.geacom.cloud"><img class="confluence-embedded-image" draggable="false" src="/download/attachments/65558/next.jpg?version=1&modificationDate=1592313757191&api=v2" data-image-src="/download/attachments/65558/next.jpg?version=1&modificationDate=1592313757191&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="65574" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="next.jpg" data-base-url="https://confluence.geacom.cloud" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="65558" data-linked-resource-container-version="1" title="Demonstration Space > Let's edit this page (step 3 of 9) > next.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > next.jpg" data-image-height="40" data-image-width="106"></a></span></h1><p><span style="color: rgb(51,51,51);"><br /></span></p></div> </div> </div> </div>
Edit
Preview
Save
Close
{"serverDuration": 58, "requestCorrelationId": "f8565e5ba5cf5722"}