Embedding a PowerPoint Presentation in a LiveOffice Web Site

By -

The family chiropractor wanted to have a PPT embedded in her web site that’s running on LiveOffice. LiveOffice is a “sandbox” hosting services that denies code level access so it’s small business user friendly. While I could upload the PPT and link to it, I could not cause it to be embedded in a web page through the ordinary means.

 

The solution was to export it as image slides and then create a basic slide show.  No major rocket science, but beyond the typical business user comfort level.

 

You may see the result at:  Pro Health Chiropractic. Microsoft code has a minor defect with the slide show, if you have a slow connection then the first image may not be found on the first load of the page.

 

Sorry for not doing posts lately, but I’ve been working in an IP area and thus very restricted on what I may post about

 

How to do it in detail

1. You can upload a Powerpoint (to allow it to be downloaded), but the limited features prevent it being an embedded presentation. To get around this, we convert it to a slide show.

a. Open it in power point

b. Click on Icon, [Save As], [Other Formats]
clip_image002

2. The Save As Dialog appears. Change the Save as Type to:
clip_image004

a. PNG Portable Network Graphic Format
clip_image006

b. Click [Save], a dialog will appear:
clip_image008

c. Click [Every Slide]. After a few seconds:
clip_image010

d. Note the location of files… we will need it below.

3. Login into Web Site. In the left margin, click [Image Gallery]
clip_image012

4. Your existing images will be there. Click the [Upload] button
clip_image014

5. Click [Upload], a new windows appears, in the left, navigate to the location specified above.
clip_image016

a. WARNING: If you are planning to REPLACE files, delete the old ones first.

6. Click [Select All]. All of the slides will be checked..
clip_image018

7. Click [Upload Now]. A dialog appears showing progress.
clip_image020

8. The images will now appear in the Image Gallery
clip_image022

9. Select the page and click Edit
clip_image024

10. On the page, select to the desired location.
clip_image026

11. One the menu click [Module]
clip_image028

12. In the drop down, click [Slide Show]
clip_image030

13. The slide show dialog appears.
clip_image032

a. Change Album Layout Style to: Basic slide Show.
clip_image034

i. New controls appear. Change to 10 seconds, and check for controls.

b. Select and drag the desired pages to the right.
clip_image036

c. Click [Finish]

14. Click [Save] to save the page. Open the site and verify it is working.

Comments

Post a Comment

Popular posts from this blog

Simple WP7 Mango App for Background Tasks, Toast, and Tiles: Code Explanation

By -
Image
This is a continuation of this post , explaining how the sample app works. Caution : This sample isn’t meant as an example of best patterns and practices. If you see something in the code you would never do, then don’t. Solution File Organization The app has three Visual Studio Projects: the app, the agent, and the shared code library between them. One of the great things about Mango is that now the built-in Visual Studio Unit test functionality is available. By separating out the meat of the work into the SampleShared project, I can also focus my unit testing there. SampleApp1 The app has a MainPage, a ViewModel, and the WMAppManifest.xml file modified to note my ExtendedTask of BackgroundServiceAgent. The Agent is extremely simple with a call to the shared library, an update to the Tile, and a call to pop up Toast. The meat of the work is in the SampleShared library. The AgentMgr manages the background agent : add, remove, find, run now. It is only called f
Read more

Yet once more into the breech (of altered programming logic)

By -
Once upon a time, long long ago, I wrote 8-bit programs in Tiny-C with absolute addressing being the only reality.  Then we had Borland Turbo-C with relative addresses and the joys of relative assembly jumps. Enter Windows and the joys of locking and unlocking memory blocks that you must allocated and manage yourself. Then came Visual Basic which evolved into .Net CLR and decreasing awareness of what is happening under the hood.   With VS2010 including F# and enhanced parallelism in .Net4, we actually have to go retro a bit – back to the world of having to understand the hardware. CPU speeds are no longer increasing – I have an old laptop from six+ years ago that ran at 3.2 GHz. This year I updated one of my machines off-the-shelf from Costco.com, an I7-920 with 4 cores and hyper-threading (8 CPUs appears in Task Manager) and 12 GB of DDR3 RAM. This week I ordered from Costco a Phenom II X6 (Yes – 6 REAL CORES) for one of my daughters.  This CPU will (according to YouTube demos) o
Read more

How to convert SVG data to a Png Image file Using InkScape

By -
Image
Introduction The project required the need to put the visual pie chart on a web page on the client and in a Pdf file created on the server. I eventually choose to use a Telerik Kendo DataViz Chart control on the client, and use a PNG file on the server for the Pdf file. This blog post will explain the process and code to convert the client-side pie chart Svg data to a Png file, and provide a download to the working code. Prerequisites You need to have a trial version of the Telerik Kendo library installed in order to make the sample code work. You also need InkScape installed. InkScape is the application that does the actual conversion. You will need to change the Web.config appSetting of “ExeDirectoryForInkscape” to represent your own installation location. Any SVG Data Will Work The pie chart was created using the Telerik Kendo DataViz chart control. While I name a specific control, as long as you have access to the SVG data, the same conversion process on the server will
Read more