Companies generate lots of documents for internal and external purposes. Xara Online Designer is an excellent tool to create these because it offers two great options; either your in-house designer creates a set of master documents for your teams to edit, or you can use Xara’s professionally designed ready-made templates to customize with your own branding and content. Xara Online Designer also supports collaborative editing so colleagues can work on the same document at the same time, with edits being seen live, as-they-happen, by everyone editing the document. This two-part tutorial is showing you how to create a double sided flyer by customizing a Xara template to be in your company branding, with your own text and photos and other content. In the first part, I showed you how to create the front page of a flyer in your company branding, changing the theme colors, text and header photo and social media symbols. See Creating your company documents Part 1 In this second part, I will show you how to share the editing with your colleague so you can both work on the rear of the flyer together and I’ll show you how to customize the content of the document, then the document will be saved as a pdf and shared with others. If you need to create good looking documents and maybe, want to share editing, then sign in to Xara Online Designer and give it a go.               The front and back of the flyer In Creating your company documents Part 1, you saved your document to your cloud drive, Dropbox, Google Drive or OneDrive.

Opening your document

To open any Xara file that you have saved in Dropbox, Google Drive or OneDrive click on the Documents menu in the top left, and select Open or Open in new tab. (In your cloud drive you can also store and open .web or .xar files that you created in Xara offline desktop products)

The File Picker

When you select Open you’re presented with the File Picker screen, which is divided into three sections: File picker showing your connected cloud drives at the top, the New Document templates in the center and Recent Documents in the lower area. Once you’ve found the file you want to edit simply click to open it in the Xara Online Designer editor.

Share Editing

The first thing I want to do to share the editing of this flyer document so that I can work on page 2 with a colleague. Select the Share icon    and then the Share editing option where you will be able to enter the email address of anyone you want to share the editing of this document with, together with a message. You can enter multiple email addresses, comma separated, and each will receive a email inviting them to share editing of your document. The recipients need to have an account with Dropbox, Google or OneDrive because, when they click the ‘invite to edit link’, they’ll be asked to verify their email address through their chosen cloud provider. So when you send the share invite, it’s worth ensuring the recipient has used the email address you’re sending to with one of the above providers. When the recipient joins the editing session, the status line shows a colored label with the initial of the users editing this document. In my case, there are just the two of us editing the document (C and X). You can tap the colored label to see the email address of each user. Showing 2 people editing the document(C and X) You will now see changes that they make to the document,  as they make them. Note:  They are not editing a copy of the document - they are editing the same document that you are. If they click Save, it will save back to your cloud drive (because it’s your document that you let them edit).

Editing the text

Firstly, replace the text on the template with your own text. Editing text is easy - just click or tap on your text to place a text cursor, then you can either type your text in or ‘cut and paste’ it. A slide-in panel of text controls will appear offering the usual range of text controls such as bold, italic, etc. or use the normal keyboard shortcut like Ctrl-B for bold (see screenshot on the right). A list of key shortcuts can be  found in the Settings menu.  See our movie on Editing text As you enter your text, you will see that the columns are configured so that text overflows into the next column. It is highly unlikely that your text will match the ‘dummy’ text in the template so I’ll show you how to change the text columns later.

Changing Text Styles and Fonts

The templates provide a range of pre-defined text styles, such as Heading 1, Heading 2, ‘Normal text’ and others. For design consistency it’s recommended that you stick with styles provided. To change a text style, click on the Text style on the Text properties panel.  This will open up the menu offering you a choice of text styles such as headings, sub-headings, body text, etc. Or you can change all the font in the whole of your document by choosing one of the ready-made Text Style scheme at the bottom of the style list.

Changing Font sizes

Although it’s recommended to use the text styles provided, there are times when you need to adjust the font size. There is a keyboard shortcut to do this. Press Shift + Alt with + or - (plus or minus) to increase or decrease the size of the font size. The reverse of the flyer with the text changes, showing the properties panel of paragraph Text styles and the Text Style schemes

Adding and editing photos

Inline photos

I will add a photo ‘inline’ which means that it will flow with the text as I increase or decrease the text. Place the cursor in the text where you want the photo to go and then drag and drop a photo file from your computer onto the browser window, or select to Add one from the stock photos. (Select , then image and then stock photo.) The photo will be resized to fit the column width and will be embedded as an inline image.

Editing photos

The photo will also appear with adjustment handles (small circles on the outer edges) that allow you to resize, crop and rotate the photo. The inner (hand and target) controls enable you to rotate and reposition it within the frame. If you mouse-over the handles the status line at the top of the Online Designer window will give you brief description of each handle’s function. As you drag the handles to adjust an image, a faint copy of the full uncropped image is shown behind. This makes it easier to make adjustments because you can see parts of the image that fall outside the crop area as you drag the handles, Photo inline showing the editing handle and other options

Floating photos

An alternative to an embedded, inline photo is a floating one. (See the Float option on the photo above.) With nothing selected drag a photo onto the page or select to Add one of the stock photos. I have imported an oval shape image. Normally a floating image will cover any text underneath it but you can make the text repel around it. To do that select the image and then select the Repel option then Repel text on the Photo properties panel. See our movie Aligning photos and text A Floating image selected showing the Repel option in the right-side Properties Panel The floating image after selecting to repel text

Adjusting the text columns and moving objects

As I mentioned before, your text will probably not fit perfectly so you will probably need to make some adjustments to the text columns. When you select text, it’s shown with a dotted blue outline. You can adjust the width and height using the handles on each side or in the bottom right corner. If you wish to move the whole text object, drag on its outer edge. (If you click on the outer edge, this selects the whole text object so you can copy, duplicate or delete it). To move other objects such as photos or shapes, simply tap to select it and then drag to move it. When moving objects on the page there are alignment indicators so it’s really easy to ensure that things are aligned.            The page before and after adjusting the text columns, editing the house photo and repositioning the floating oval image

SmartShapes

Xara provides a range of ready-made shapes that you can add to your document. What makes them so smart and easy is that the editing functions are built into the shape. There are text panels, rectangles, ovals, stars, pie charts, arrows, charts and many more. A common design element in many documents is a block of text placed on a colored rectangle. Although it’s always been pretty easy to create this using the normal graphics tools - just draw a rectangle and place a text column or text frame on top of the rectangle, and then group them. The problem with that is that each time you change the text, you would need to adjust the background rectangle.
The Xara Text Panel SmartShape solves this problem - the background rectangle automatically expands or contracts as you edit the text. You
can directly adjust the panel width and height, rounded corners and the margin space between the text and outer rectangle. You can edit the text as normal including setting text styles, fonts and links to web or email addresses. To add a Text panel select the Add icon , then select the Text option which will open up the menu of text objects. Scroll down to see the Text panels and select one. It will be placed on your document in your theme color. It is already selected so click on the outer edge to move it into position. Then click on the text to change the text. Notice how the text panel with adjust as you add your text.

Add and respond to comments

Anyone working on the document can add comments - which are small text boxes outside the page attached to some text in the document. Comments are often messages to others working on the document, or just notes to yourself. The great thing about comments is that your colleagues can edit and add text to your comments  - you can have a little thread of a conversation. To add a comment, highlight the text that you wish to comment on, and select the Add comment option on the pop-up menu. A comment box appears to the right of the workspace, where you can just add you comment text. Tap the top edge of the comment box to bring up a context menu with a Reply or Delete option. The comment remains locked to the text (so it moves as you move the text) but you can drag the comment box anywhere on the page. You can resize it (tap the title, and then drag the right-side handle), as well as changing text color and all the usual text attributes using the text controls. A typical comment is shown right. The ‘Comment subject’ is editable. Tap the top of the comment to see the context menu. When any user selects the Reply their name and date is added. When you tap the top bar of comment the corresponding text in the main document is highlighted a darker blue to indicate the text this comment applies to.

Collapse or expand the comment

You can tap the symbol at the top of the comment to collapse it down to a small comment symbol as shown above. Just tap this to expand the comment. You can also add a comment box as a stand alone item, unconnected to any text. In this case just tap on the + (Add) button and then the Comment icon from the list of options. The flyer showing 2 comment boxes

Download as PDF

The Documents menu has a Download option that allows you to download the document as a high-quality PDF. Select the Documents menu, then Download, then Download PDF. Select the format and then select Download.  Here’s a short movie on downloading PDFs.

Sharing & publishing your document

Although creating a PDF is easy and a great way to distribute a printable version of your document. There’s an even easier way of sharing your finished document. Select the Share icon  and the Share… option. This produces a private link to a static read-only version that you can share with anyone. After a few seconds you’ll get a confirmation dialog as shown below: The Copy option places the URL link on the system clipboard. Or you can just click the link to open it in a new browser tab. This is basically like publishing a website - except you don’t need to worry about web space, FTP configuration or hosting, and it’s a lot quicker! Note: If you make further changes to the document, these are not automatically shared until you do another Share.. operation. This allows you to continue working on draft changes, and only update the read-only shared version when you want to. If a document is already shared, you’ll get a simple ‘update’ option to re-publish the latest updates. The shared private link to a static read-only version That’s it! You and your colleagues can now create your own company documents in your own branding and share it by circulating either the pdf or the link to the online version.

Windows tip:

If you’re a Windows 10 user (and in our opinion it’s worth upgrading) we discovered a great time-saving way to incorporate screen grabs into any document.  Windows 10 has a new short cut to grab any part of the screen. Just press ‘Shift + Windows key + S’, the screen fades, and you now have cross hairs that you can drag across any part of the screen. At the end this places that piece of screen on the system clipboard. Now you can just paste this directly into your document - just press Ctrl+V. This works with Xara Online Designer as well as our desktop software products.

Find out more about Xara Online Designer

See our introductory movies -  part 1 and part 2.  You can find more details and a full list of our current tutorial movies on our Xara Online Designer page. The Xara Online Designer templates include social media headings, presentations, letter designs, CVs, print documents such as flyers, leaflets and brochures and even a simple one page website. At the moment this is just a small selection, but in time it will grow to include a wide range of ready-made documents that you can load, edit and publish. Or maybe you’d like to try the unique offline/online experience offered by Xara, whereby you can edit your documents either online or offline  - download the free trial of Xara Web Designer or Photo & Graphic Designer or Xara Designer Pro X now!

Give us your feedback

We welcome all feedback on Xara Online Designer, any suggestions you have for improvements and what features you’d like to see next.
Copyright © 2017 Xara Group Limited.
Page created with Xara Designer Pro
Companies generate lots of documents for internal and external purposes. Xara Online Designer is an excellent tool to create these because it offers two great options; either your in-house designer creates a set of master documents for your teams to edit, or you can use Xara’s professionally designed ready-made templates to customize with your own branding and content. Xara Online Designer also supports collaborative editing so colleagues can work on the same document at the same time, with edits being seen live, as-they-happen, by everyone editing the document. This two-part tutorial is showing you how to create a double sided flyer by customizing a Xara template to be in your company branding, with your own text and photos and other content. In the first part, I showed you how to create the front page of a flyer in your company branding, changing the theme colors, text and header photo and social media symbols. See Creating your company documents Part 1 In this second part, I will show you how to share the editing with your colleague so you can both work on the rear of the flyer together and I’ll show you how to customize the content of the document, then the document will be saved as a pdf and shared with others. If you need to create good looking documents and maybe, want to share editing, then sign in to Xara Online Designer and give it a go.               The front and back of the flyer In Creating your company documents Part 1, you saved your document to your cloud drive, Dropbox, Google Drive or OneDrive.

Opening your document

To open any Xara file that you have saved in Dropbox, Google Drive or OneDrive click on the Documents menu in the top left, and select Open or Open in new tab. (In your cloud drive you can also store and open .web or .xar files that you created in Xara offline desktop products)

The File Picker

When you select Open you’re presented with the File Picker screen, which is divided into three sections: File picker showing your connected cloud drives at the top, the New Document templates in the center and Recent Documents in the lower area. Once you’ve found the file you want to edit simply click to open it in the Xara Online Designer editor.

Share Editing

The first thing I want to do to share the editing of this flyer document so that I can work on page 2 with a colleague. Select the Share icon    and then the Share editing option where you will be able to enter the email address of anyone you want to share the editing of this document with, together with a message. You can enter multiple email addresses, comma separated, and each will receive a email inviting them to share editing of your document. The recipients need to have an account with Dropbox, Google or OneDrive because, when they click the ‘invite to edit link’, they’ll be asked to verify their email address through their chosen cloud provider. So when you send the share invite, it’s worth ensuring the recipient has used the email address you’re sending to with one of the above providers. When the recipient joins the editing session, the status line shows a colored label with the initial of the users editing this document. In my case, there are just the two of us editing the document (C and X). You can tap the colored label to see the email address of each user. Showing 2 people editing the document(C and X) You will now see changes that they make to the document,  as they make them. Note:  They are not editing a copy of the document - they are editing the same document that you are. If they click Save, it will save back to your cloud drive (because it’s your document that you let them edit).

Editing the text

Firstly, replace the text on the template with your own text. Editing text is easy - just click or tap on your text to place a text cursor, then you can either type your text in or ‘cut and paste’ it. A slide-in panel of text controls will appear offering the usual range of text controls such as bold, italic, etc. or use the normal keyboard shortcut like Ctrl-B for bold (see screenshot on the right). A list of key shortcuts can be  found in the Settings menu.  See our movie on Editing text As you enter your text, you will see that the columns are configured so that text overflows into the next column. It is highly unlikely that your text will match the ‘dummy’ text in the template so I’ll show you how to change the text columns later.

Changing Text Styles and Fonts

The templates provide a range of pre-defined text styles, such as Heading 1, Heading 2, ‘Normal text’ and others. For design consistency it’s recommended that you stick with styles provided. To change a text style, click on the Text style on the Text properties panel.  This will open up the menu offering you a choice of text styles such as headings, sub-headings, body text, etc. Or you can change all the font in the whole of your document by choosing one of the ready-made Text Style scheme at the bottom of the style list.

Changing Font sizes

Although it’s recommended to use the text styles provided, there are times when you need to adjust the font size. There is a keyboard shortcut to do this. Press Shift + Alt with + or - (plus or minus) to increase or decrease the size of the font size. The reverse of the flyer with the text changes, showing the properties panel of paragraph Text styles and the Text Style schemes

Adding and editing photos

Inline photos

I will add a photo ‘inline’ which means that it will flow with the text as I increase or decrease the text. Place the cursor in the text where you want the photo to go and then drag and drop a photo file from your computer onto the browser window, or select to Add one from the stock photos. (Select , then image and then stock photo.) The photo will be resized to fit the column width and will be embedded as an inline image.

Editing photos

The photo will also appear with adjustment handles (small circles on the outer edges) that allow you to resize, crop and rotate the photo. The inner (hand and target) controls enable you to rotate and reposition it within the frame. If you mouse-over the handles the status line at the top of the Online Designer window will give you brief description of each handle’s function. As you drag the handles to adjust an image, a faint copy of the full uncropped image is shown behind. This makes it easier to make adjustments because you can see parts of the image that fall outside the crop area as you drag the handles, Photo inline showing the editing handle and other options

Floating photos

An alternative to an embedded, inline photo is a floating one. (See the Float option on the photo above.) With nothing selected drag a photo onto the page or select to Add one of the stock photos. I have imported an oval shape image. Normally a floating image will cover any text underneath it but you can make the text repel around it. To do that select the image and then select the Repel option then Repel text on the Photo properties panel. See our movie Aligning photos and text A Floating image selected showing the Repel option in the right-side Properties Panel The floating image after selecting to repel text

Adjusting the text columns and moving objects

As I mentioned before, your text will probably not fit perfectly so you will probably need to make some adjustments to the text columns. When you select text, it’s shown with a dotted blue outline. You can adjust the width and height using the handles on each side or in the bottom right corner. If you wish to move the whole text object, drag on its outer edge. (If you click on the outer edge, this selects the whole text object so you can copy, duplicate or delete it). To move other objects such as photos or shapes, simply tap to select it and then drag to move it. When moving objects on the page there are alignment indicators so it’s really easy to ensure that things are aligned.            The page before and after adjusting the text columns, editing the house photo and repositioning the floating oval image

SmartShapes

Xara provides a range of ready-made shapes that you can add to your document. What makes them so smart and easy is that the editing functions are built into the shape. There are text panels, rectangles, ovals, stars, pie charts, arrows, charts and many more. A common design element in many documents is a block of text placed on a colored rectangle. Although it’s always been pretty easy to create this using the normal graphics tools - just draw a rectangle and place a text column or text frame on top of the rectangle, and then group them. The problem with that is that each time you change the text, you would need to adjust the background rectangle.
The Xara Text Panel SmartShape solves this problem - the background rectangle automatically expands or
contracts as you edit the text. You can directly adjust the panel width and height, rounded corners and the
margin space between the text and outer rectangle. You can edit the text as normal including setting text styles, fonts and links to web or email addresses. To add a Text panel select the Add icon , then select the Text option which will open up the menu of text objects. Scroll down to see the Text panels and select one. It will be placed on your document in your theme color. It is already selected so click on the outer edge to move it into position. Then click on the text to change the text. Notice how the text panel with adjust as you add your text.

Add and respond to comments

Anyone working on the document can add comments - which are small text boxes outside the page attached to some text in the document. Comments are often messages to others working on the document, or just notes to yourself. The great thing about comments is that your colleagues can edit and add text to your comments  - you can have a little thread of a conversation. To add a comment, highlight the text that you wish to comment on, and select the Add comment  option on the pop-up menu. A comment box appears to the right of the workspace, where you can just add you comment text. Tap the top edge of the comment box to bring up a context menu with a Reply or Delete option. The comment remains locked to the text (so it moves as you move the text) but you can drag the comment box anywhere on the page. You can resize it (tap the title, and then drag the right-side handle), as well as changing text color and all the usual text attributes using the text controls. A typical comment is shown right. The ‘Comment subject’ is editable. Tap the top of the comment to see the context menu. When any user selects the Reply their name and date is added. When you tap the top bar of comment the corresponding text in the main document is highlighted a darker blue to indicate the text this comment applies to.

Collapse or expand the comment

You can tap the symbol at the top of the comment to collapse it down to a small comment symbol as shown above. Just tap this to expand the comment. You can also add a comment box as a stand alone item, unconnected to any text. In this case just tap on the + (Add) button and then the Comment icon from the list of options. The flyer showing 2 comment boxes

Download as PDF

The Documents menu has a Download option that allows you to download the document as a high-quality PDF. Select the Documents menu, then Download, then Download PDF. Select the format and then select Download.  Here’s a short movie on downloading PDFs.

Sharing & publishing your document

Although creating a PDF is easy and a great way to distribute a printable version of your document. There’s an even easier way of sharing your finished document. Select the Share icon  and the Share… option. This produces a private link to a static read-only version that you can share with anyone. After a few seconds you’ll get a confirmation dialog as shown below: The Copy option places the URL link on the system clipboard. Or you can just click the link to open it in a new browser tab. This is basically like publishing a website - except you don’t need to worry about web space, FTP configuration or hosting, and it’s a lot quicker! Note: If you make further changes to the document, these are not automatically shared until you do another Share.. operation. This allows you to continue working on draft changes, and only update the read-only shared version when you want to. If a document is already shared, you’ll get a simple ‘update’ option to re-publish the latest updates. The shared private link to a static read-only version That’s it! You and your colleagues can now create your own company documents in your own branding and share it by circulating either the pdf or the link to the online version.

Windows tip:

If you’re a Windows 10 user (and in our opinion it’s worth upgrading) we discovered a great time- saving way to incorporate screen grabs into any document.  Windows 10 has a new short cut to grab any part of the screen. Just press ‘Shift + Windows key + S’, the screen fades, and you now have cross hairs that you can drag across any part of the screen. At the end this places that piece of screen on the system clipboard. Now you can just paste this directly into your document - just press Ctrl+V. This works with Xara Online Designer as well as our desktop software products.

Find out more about Xara Online Designer

See our introductory movies -  part 1 and part 2.  You can find more details and a full list of our current tutorial movies on our Xara Online Designer page. The Xara Online Designer templates include social media headings, presentations, letter designs, CVs, print documents such as flyers, leaflets and brochures and even a simple one page website. At the moment this is just a small selection, but in time it will grow to include a wide range of ready-made documents that you can load, edit and publish. Or maybe you’d like to try the unique offline/online experience offered by Xara, whereby you can edit your documents either online or offline  - download the free trial of Xara Web Designer or Photo & Graphic Designer or Xara Designer Pro X now!

Give us your feedback

We welcome all feedback on Xara Online Designer, any suggestions you have for improvements and what features you’d like to see next.
Copyright © 2017 Xara Group Limited.
Page created with Xara Designer Pro
Companies generate lots of documents for internal and external purposes. Xara Online Designer is an excellent tool to create these because it offers two great options; either your in-house designer creates a set of master documents for your teams to edit, or you can use Xara’s professionally designed ready-made templates to customize with your own branding and content. Xara Online Designer also supports collaborative editing so colleagues can work on the same document at the same time, with edits being seen live, as-they-happen, by everyone editing the document. This two-part tutorial is showing you how to create a double sided flyer by customizing a Xara template to be in your company branding, with your own text and photos and other content. In the first part, I showed you how to create the front page of a flyer in your company branding, changing the theme colors, text and header photo and social media symbols. See Creating your company documents Part 1 In this second part, I will show you how to share the editing with your colleague so you can both work on the rear of the flyer together and I’ll show you how to customize the content of the document, then the document will be saved as a pdf and shared with others. If you need to create good looking documents and maybe, want to share editing, then sign in to Xara Online Designer and give it a go.               The front and back of the flyer In Creating your company documents Part 1, you saved your document to your cloud drive, Dropbox, Google Drive or OneDrive.

Opening your document

To open any Xara file that you have saved in Dropbox, Google Drive or OneDrive click on the Documents menu in the top left, and select Open or Open in new tab. (In your cloud drive you can also store and open .web or .xar files that you created in Xara offline desktop products)

The File Picker

When you select Open you’re presented with the File Picker screen, which is divided into three sections: File picker showing your connected cloud drives at the top, the New Document templates in the center and Recent Documents in the lower area. Once you’ve found the file you want to edit simply click to open it in the Xara Online Designer editor.

Share Editing

The first thing I want to do to share the editing of this flyer document so that I can work on page 2 with a colleague. Select the Share icon    and then the Share editing option where you will be able to enter the email address of anyone you want to share the editing of this document with, together with a message. You can enter multiple email addresses, comma separated, and each will receive a email inviting them to share editing of your document. The recipients need to have an account with Dropbox, Google or OneDrive because, when they click the ‘invite to edit link’, they’ll be asked to verify their email address through their chosen cloud provider. So when you send the share invite, it’s worth ensuring the recipient has used the email address you’re sending to with one of the above providers. When the recipient joins the editing session, the status line shows a colored label with the initial of the users editing this document. In my case, there are just the two of us editing the document (C and X). You can tap the colored label to see the email address of each user. Showing 2 people editing the document(C and X) You will now see changes that they make to the document,  as they make them. Note:  They are not editing a copy of the document - they are editing the same document that you are. If they click Save, it will save back to your cloud drive (because it’s your document that you let them edit).

Editing the text

Firstly, replace the text on the template with your own text. Editing text is easy - just click or tap on your text to place a text cursor, then you can either type your text in or ‘cut and paste’ it. A slide-in panel of text controls will appear offering the usual range of text controls such as bold, italic, etc. or use the normal keyboard shortcut like Ctrl- B for bold (see screenshot on the right). A list of key shortcuts can be  found in the Settings menu.  See our movie on Editing text As you enter your text, you will see that the columns are configured so that text overflows into the next column. It is highly unlikely that your text will match the ‘dummy’ text in the template so I’ll show you how to change the text columns later.

Changing Text Styles

and Fonts

The templates provide a range of pre-defined text styles, such as Heading 1, Heading 2, ‘Normal text’ and others. For design consistency it’s recommended that you stick with styles provided. To change a text style, click on the Text style on the Text properties panel.  This will open up the menu offering you a choice of text styles such as headings, sub-headings, body text, etc. Or you can change all the font in the whole of your document by choosing one of the ready-made Text Style scheme at the bottom of the style list.

Changing Font sizes

Although it’s recommended to use the text styles provided, there are times when you need to adjust the font size. There is a keyboard shortcut to do this. Press Shift + Alt with + or - (plus or minus) to increase or decrease the size of the font size. The reverse of the flyer with the text changes, showing the properties panel of paragraph Text styles and the Text Style schemes

Adding and editing photos

Inline photos

I will add a photo ‘inline’ which means that it will flow with the text as I increase or decrease the text. Place the cursor in the text where you want the photo to go and then drag and drop a photo file from your computer onto the browser window, or select to Add one from the stock photos. (Select , then image and then stock photo.) The photo will be resized to fit the column width and will be embedded as an inline image.

Editing photos

The photo will also appear with adjustment handles (small circles on the outer edges) that allow you to resize, crop and rotate the photo. The inner (hand and target) controls enable you to rotate and reposition it within the frame. If you mouse-over the handles the status line at the top of the Online Designer window will give you brief description of each handle’s function. As you drag the handles to adjust an image, a faint copy of the full uncropped image is shown behind. This makes it easier to make adjustments because you can see parts of the image that fall outside the crop area as you drag the handles, Photo inline showing the editing handle and other options

Floating photos

An alternative to an embedded, inline photo is a floating one. (See the Float option on the photo above.) With nothing selected drag a photo onto the page or select to Add one of the stock photos. I have imported an oval shape image. Normally a floating image will cover any text underneath it but you can make the text repel around it. To do that select the image and then select the Repel option then Repel text on the Photo properties panel. See our movie Aligning photos and text A Floating image selected showing the Repel option in the right-side Properties Panel The floating image after selecting to repel text

Adjusting the text columns and moving

objects

As I mentioned before, your text will probably not fit perfectly so you will probably need to make some adjustments to the text columns. When you select text, it’s shown with a dotted blue outline. You can adjust the width and height using the handles on each side or in the bottom right corner. If you wish to move the whole text object, drag on its outer edge. (If you click on the outer edge, this selects the whole text object so you can copy, duplicate or delete it). To move other objects such as photos or shapes, simply tap to select it and then drag to move it. When moving objects on the page there are alignment indicators so it’s really easy to ensure that things are aligned.            The page before and after adjusting the text columns, editing the house photo and repositioning the floating oval image

SmartShapes

Xara provides a range of ready-made shapes that you can add to your document. What makes them so smart and easy is that the editing functions are built into the shape. There are text panels, rectangles, ovals, stars, pie charts, arrows, charts and many more. A common design element in many documents is a block of text placed on a colored rectangle. Although it’s always been pretty easy to create this using the normal graphics tools - just draw a rectangle and place a text column or text frame on top of the rectangle, and then group them. The problem with that is that each time you change the text, you would need to adjust the background rectangle.
The Xara Text Panel SmartShape solves this problem - the
background rectangle automatically expands or contracts as you
edit the text. You can directly adjust the panel width and height,
rounded corners and the margin space between the text and outer
rectangle. You can edit the text as normal including setting text styles, fonts and links to web or email addresses. To add a Text panel select the Add icon , then select the Text option which will open up the menu of text objects. Scroll down to see the Text panels and select one. It will be placed on your document in your theme color. It is already selected so click on the outer edge to move it into position. Then click on the text to change the text. Notice how the text panel with adjust as you add your text.

Add and respond to comments

Anyone working on the document can add comments - which are small text boxes outside the page attached to some text in the document. Comments are often messages to others working on the document, or just notes to yourself. The great thing about comments is that your colleagues can edit and add text to your comments  - you can have a little thread of a conversation. To add a comment, highlight the text that you wish to comment on, and select the Add comment option on the pop-up menu. A comment box appears to the right of the workspace, where you can just add you comment text. Tap the top edge of the comment box to bring up a context menu with a Reply or Delete option. The comment remains locked to the text (so it moves as you move the text) but you can drag the comment box anywhere on the page. You can resize it (tap the title, and then drag the right-side handle), as well as changing text color and all the usual text attributes using the text controls. A typical comment is shown right. The ‘Comment subject’ is editable. Tap the top of the comment to see the context menu. When any user selects the Reply their name and date is added. When you tap the top bar of comment the corresponding text in the main document is highlighted a darker blue to indicate the text this comment applies to.

Collapse or expand the comment

You can tap the symbol at the top of the comment to collapse it down to a small comment symbol as shown above. Just tap this to expand the comment. You can also add a comment box as a stand alone item, unconnected to any text. In this case just tap on the + (Add) button and then the Comment icon from the list of options. The flyer showing 2 comment boxes

Download as PDF

The Documents menu has a Download option that allows you to download the document as a high-quality PDF. Select the Documents menu, then Download, then Download PDF. Select the format and then select Download.  Here’s a short movie on downloading PDFs.

Sharing & publishing your document

Although creating a PDF is easy and a great way to distribute a printable version of your document. There’s an even easier way of sharing your finished document. Select the Share icon  and the Share… option. This produces a private link to a static read-only version that you can share with anyone. After a few seconds you’ll get a confirmation dialog as shown below: The Copy option places the URL link on the system clipboard. Or you can just click the link to open it in a new browser tab. This is basically like publishing a website - except you don’t need to worry about web space, FTP configuration or hosting, and it’s a lot quicker! Note: If you make further changes to the document, these are not automatically shared until you do another Share.. operation. This allows you to continue working on draft changes, and only update the read-only shared version when you want to. If a document is already shared, you’ll get a simple ‘update’ option to re-publish the latest updates. The shared private link to a static read-only version That’s it! You and your colleagues can now create your own company documents in your own branding and share it by circulating either the pdf or the link to the online version.

Windows tip:

If you’re a Windows 10 user (and in our opinion it’s worth upgrading) we discovered a great time-saving way to incorporate screen grabs into any document.  Windows 10 has a new short cut to grab any part of the screen. Just press ‘Shift + Windows key + S’, the screen fades, and you now have cross hairs that you can drag across any part of the screen. At the end this places that piece of screen on the system clipboard. Now you can just paste this directly into your document - just press Ctrl+V. This works with Xara Online Designer as well as our desktop software products.

Find out more about Xara Online

Designer

See our introductory movies -  part 1 and part 2.  You can find more details and a full list of our current tutorial movies on our Xara Online Designer page. The Xara Online Designer templates include social media headings, presentations, letter designs, CVs, print documents such as flyers, leaflets and brochures and even a simple one page website. At the moment this is just a small selection, but in time it will grow to include a wide range of ready-made documents that you can load, edit and publish. Or maybe you’d like to try the unique offline/online experience offered by Xara, whereby you can edit your documents either online or offline  - download the free trial of Xara Web Designer or Photo & Graphic Designer or Xara Designer Pro X now!

Give us your feedback

We welcome all feedback on Xara Online Designer, any suggestions you have for improvements and what features you’d like to see next.
Copyright © 2017 Xara Group Limited.
Page created with Xara Designer Pro
CREATING YOUR COMPANY DOCUMENTS - PART 2
CREATING YOUR COMPANY DOCUMENTS - PART 2
CREATING YOUR COMPANY DOCUMENTS PART 2