Menu items with long titles look strange with HTML5

Apr 16, 2015

Dan Austin
By Dan Austin

The menu items when viewed in HTML5 are not wrapping properly. Some long titles appear as center justified some start below the other titles and then when wrapped start before the previous line, see the example here: 

http://www.ncdoi.com/OSFM/Engineering_and_Codes/Courses_Testing/Photovoltaic%20Systems%20and%20the%20Fire%20Code%20CS2597%20-%20One(1)%20Credit%20Hour%20Fire%20or%20Electrical%20-%20Presenter%20output/presentation_html5.html

At first I thought it might be due to the type of justification in the PPT title block we typically use center.  I have changed it to left, right and justify and all of them look the same.  I have tried deleting and typing the text into the slide properties and the menu under the player properties separately and together.  All attempts produce what is seen in the example. 

Where as in this program, in the top open space of the 'g' in 'training' is a link to slide 24 click on support staff training, the titles are center justified:

http://www.ncdoi.com/OSFM/Fire_Safety_Programs/Courses/Crowd%20Manager%20Training/presentation_html5.html

Any thoughts or suggestions?  Thank you in advance. 

 

14 Replies
Ashley Terwilliger-Pollard
9 years ago04/20/15 at 1:35 pm (UTC)

Hi Dan,

Thanks for sharing the files. It looks like this is the Published Presenter content, as opposed to the packaged Presenter output which would be the source files. Do you still have access to the original .ppt and .ppta files? If so, you'll want to follow the directions in the link I previously shared to package those and share. 

Ashley Terwilliger-Pollard
9 years ago04/21/15 at 2:56 pm (UTC)

Hi Dan,

I need more than just the .ppta file - I need the entire Presenter package as described here: 

An Articulate Package is a zip file that contains a copy of your entire Articulate Presenter project, including the PowerPoint file, the corresponding Articulate (*.ppta) file with audio/video resources, quiz files, and interaction files. Create an Articulate Package when you need to:

  • Backup your project to a network drive or external USB drive.
  • Share your project with another developer.
  1. Do one of the following, depending on your version of PowerPoint:
    • PowerPoint 2013: Go to the File tab on the PowerPoint ribbon, click Share, and choose Articulate Package.
    • PowerPoint 2010: Go to the File tab on the PowerPoint ribbon, click Save & Send, and chooseArticulate Package.
    • PowerPoint 2007: Click the round Microsoft Office button in the upper left corner, scroll to Send, and choose Articulate Package.
  2. When the Articulate Presenter Package window appears, choose a Package Location. By default, the zip file will be created in the same location where your PowerPoint file is stored, but you can change it. Just click the ellipsis (...) button, and browse to a different folder.
  3. Modify any of the optional Package Notes, and click Create Package.
  4. When the Publish Successful dialog appears, you'll have an option to open the folder where the zip file was created. Click Close when you're done.
Dan Austin
9 years ago04/21/15 at 6:17 pm (UTC)

Apologies, been out of the office and trying to grab and upload things is not the easiest on the state system.  Everything looks exactly the same, especially since the names only show the first 15 characters and no extensions are shown.  Back in the office now, here is the package. 

Ashley Terwilliger-Pollard
almost 9 years ago04/29/15 at 2:13 pm (UTC)

Hi Dan,

My apologies, it looks like my other reply to you did not go through here. I saw the same behavior when viewing your file in HTML5, but I haven't been able to replicate the behavior in a new file that I've published and viewing the HTML5 output in Chrome on my desktop or in Mobile Safari. 

I'm curious if you're able to replicate it on a brand new file? Could you try with just adding in a few slides, a basic Engage and/or Quizmaker interaction and let me know how that one behaves for you and share the Presenter package here again? Also you'll want to confirm that you're working on project files as described here. 

Ashley Terwilliger-Pollard
almost 9 years ago05/04/15 at 5:31 pm (UTC)

Hi Dan, 

Thanks for letting me know. Can you also confirm that you're on the latest update of Presenter 13, update 5? That's what I tested with in a new file and didn't see the behavior. Are you able to share this latest file you created? Is it only once you insert Engage/Quizmaker files or with all your standalone Presenter files as well? 

Dan Austin
almost 9 years ago05/05/15 at 1:32 pm (UTC)

Yes, on the latest update.  

The funky spacing only seems to happen when the menu is the top of a 'section/heading' or the other titles are 'tabbed/indented' under it.  

It does this on everything that I publish.  It seems that the html5 version is making the space for the drop down arrow and then placing the words even with the 'empty' space for the drop down arrow. 

But this only shows up with HTML5.

It did do the same thing with and with out engage or quizes.

Since you are not seeing this could it be a setting in chrome/firefox/IE that is making it appear this way or something on the PC?

This discussion is closed. You can start a new discussion or contact Articulate Support.