RecDesk Director Online Help

Inserting Pictures into Content

 
The RecDesk Html Editor allows you to insert images directly into your Announcements or regular Text/Html Content pages.
 
 
1. Edit the page content or individual Announcement Post to so that the HTML Editor appears as shown below. Make sure the Rich Text Editor option button is selected. Click on the highlighted Insert Image (highlighted in yellow below).
 
 
 
2. This will display the Insert Image dialog. To select an image from your local hard drive, click on the Upload button (highlighted in yellow below).
 
 
 
 
3. Once you have selected the appropriate image file, it will be uploaded and displayed in the upper right-hand pane of the dialog. Change the width down by 1 digit (ie change 768 to 767):When you're ready to insert it into the text/post, click the Insert button.
 
 
4. After inserting the image, click on the HTML button at the bottom of the editor:
 
 
5. Then search for the word "width" and change the width="767" to width="100%" and delete the height="xxx" clause. If there’s also a style=”xxx”clause on the tag, delete that too. For example, it should be changed from:
 
<img src="/RecDeskPortal/Portals/95/RoundedCornerTesting.jpg" width="474" height="152"style="width: 474px; height: 152px;" alt="" border="0" />
 
to:
 
<img src="/RecDeskPortal/Portals/95/RoundedCornerTesting.jpg width="100%" alt="" border="0" />
 
You can change the width to any percentage of 100% or below. This is important so your photos render properly on smaller devices such as phones on your new Community site.