Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Exporting CP9 to CP 2017

Contributor ,
Jan 29, 2018 Jan 29, 2018

Hi,

a question that has been covered before I guess but I can´t find a definitive guide. Sorry about that.


We have module with break points in CP 9.

As we know when make the window smaller than that the layout gets a bit funky.

So I understand that CP 2017 is better a real responsive design. Is that correct?
A potential customer wants the content to align more naturally when you change the browser window size.

My questions:

- Apart from simply opening up the project in CP2017, what steps do I need to take to make use of the new options.

- Do I have to build it all from scratch? Or is there a way to edit more easily it to flow to the correct place (also a smaller font size?) in the different window sizes?

- Any other tips?

Thanks as always!

472
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 29, 2018 Jan 29, 2018

All depends on the setup, I use it mostly but not in all instances it is necessary.

Translate
Community Expert ,
Jan 29, 2018 Jan 29, 2018

Maybe you didn't set up the responsive projects correctly with Breakpoint Views workflow. It is still the most powerful way of creating responsive projects in CP2017 but it is a lot of work and understanding. There is a new way to create responsive projects, with Fuild Boxes, which take less time, has some great features but alos a bunch of limitations. I tried to explain the difference between both in:

Fluid Boxes Or Breakpoint Views? - Captivate blog

When you open the CP9 project in CP2017 it will open with the Breakpoint views, since it was developed that way. You cannot easily switch to Fluid Boxes, sorry. That is probably due to the limitations which I explained in that blog post.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Jan 29, 2018 Jan 29, 2018

Hi Lilybiri,

always first on the case! Wow.

We have 2 breakpoints at 1280x720 and 1024X 627.

A dumb and imprecise question: what could I have done wrong when setting it up?

I did not use "smart position". Would that help?
I can´t remember now but I think I tried it and it looked strange. But I guess I did not understand the concept, maybe?

Thanks again!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2018 Jan 29, 2018

First? Only when I am not sleeping and when it is an interesting question

I wonder if you did want a different layout for those two breakpoin views: meant only for landscape apparently, maybe for primary and tablet? Was a rescalable project not a better choicz? Only when you really want different layouts it had sense to use breakpoint views, or if you also wanted to have a Portrait version for tablet and/or layout for phones.

Everything has to be set up in the Position panel, indeed. It is not the use of smart positioning which is important, but the correct setup for any item: size and position.

Do not believe the tutorials that make Fluid Boxes seem so easy, because that is not the case. It took me a couple of months to get my head around them, and I have a lot of experience with Captivate projects, normal and responsive.

However you would need to rebuild from scratch in Fluid Boxes. Stripping out everything that is not accepted in Fluid boxes like groups, highlight boxes, objects timed for the rest of the project, line objects and you have to be careful with states.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Jan 29, 2018 Jan 29, 2018

Woowzers!

Smart position seems to do the trick! I do feel stuoid now...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2018 Jan 29, 2018

All depends on the setup, I use it mostly but not in all instances it is necessary.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 06, 2018 Feb 06, 2018

Hello Lilybiri, hello all,

I am very sorry to come back to this again but I ran into another issue.

The client is using Cornerstone on Demand.

As many LMS it launches the content in a separate browser window.
We ask all learners on the first screen to switch to ful screen. This works on PC.

But on laptops even in full screen there is still not everything being displayed on the screen.

Which means the have to use the scroll bar to the right to see the navigation bar.

As our resolution is 1080*720 (this was the default) in CP9 I don´t understand why this would happen on a modern Thinkpad etc.

So my questions:

a. Does anybody have experience with producing for Cornerstone on Demand? If so, what resolution do you use? A much lower one?

b. In the worst case scenario we will have to resize all slides across 7 modules...to fit the specified resolution that they need.

If so, is there any easy way to set the resolution to let´s say 1020*550? Or resize it proportionally? If so, of course even if the position is scaled down, the text would still need to be made smaller. Is there any way to do that as in Office products, where you can reduce font size across the all text boxes but keep the same ratio?

A lot of heavy stuff...thank you for your help!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 07, 2018 Feb 07, 2018

Any modern laptop would be able to achieve a resolution much higher than 1020 x 550 pixels.  Most would likely be on Full HD (1900 x 1080) or higher.  So unless all of your users are on ancient laptops more than 10 years old I doubt that the real issue is the laptop hardware or software.  This sounds more like it is related to settings.

If your users are not able to see the entire area of the content in their web browsers, then there are a couple of possible reasons:

  • The laptop users may have set their OS display setting percentages too high.  Ask them to open their laptop to the operating system settings area and check what it says for Display Percentage.  It's quite often found to be much higher than 100% which can have the effect of making content viewed on screen look much bigger (and therefore easier to read buttons etc sometimes).
  • Similar to the previous issue, the users have their web browser view percentage turned up too high.  Ask them to check and set their web browser display percentage to 100% and see if that resolves the issue.
  • The Cornerstone LMS administrator may have set the launch window to open at a specific height and width that is too small to display your content (e.g. a  default window of 800x600) without giving the end user the ability to drag out the corner of the window to resize and make it big enough to view all content.  Ask the LMS admin to check these settings in the LMS.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 07, 2018 Feb 07, 2018

Thank you, Rod.

I do understand all your answers and I will ask them!

The issue may be they won´t change settings for us alone as all other content from other vendors seems to run fine...

So in push comes to shove, do you have anything on these questions?

a. Does anybody have experience with producing for Cornerstone on Demand? If so, what resolution do you use? A much lower one?

b. In the worst case scenario we will have to resize all slides across 7 modules...to fit the specified resolution that they need.

If so, is there any easy way to set the resolution to let´s say 1020*550? Or resize it proportionally? If so, of course even if the position is scaled down, the text would still need to be made smaller. Is there any way to do that as in Office products, where you can reduce font size across the all text boxes but keep the same ratio?

I am really a bit desperate as this can´t go on for too much longer or they might jump ship...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 07, 2018 Feb 07, 2018

You should NOT have to resize the stage size of your modules if they are currently only set to 1020x550

Cornerstone themselves recommend that the screen resolution of monitors is higher than what you are specifying here.

https://help.csod.com/help/csod_0/Content/General_Minimum_Requirements.htm

"A resolution of 1024x768 or higher is recommended."

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 07, 2018 Feb 07, 2018

That is what I think too as it is 1080*720 now.

I saw that as well and am trying to get in touch with them.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 11, 2018 Feb 11, 2018
LATEST

I actually reimported all slides into a non responsive project in the end.

We think the lap tops use the screen width of the browser to determine which breakpoint to use.

So this lap top screen is wide but not tall resulting in it being cut off.


So a scalable non-responsive project was the (very labour intensive) answer...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources