How to Multi-Slide Synchronized Video to Fullscreen in Captivate 2017

Hi everybody…

I am working  a video based  responsive e-learning project. I am using  Multi-Slide Synchronized Videos in the slides. Because I want to synchronized videos with slides… But in mobile landscape version, I want to force to video fullscreen. So how can i do that.

Thank you very much…

The post How to Multi-Slide Synchronized Video to Fullscreen in Captivate 2017 appeared first on eLearning.

International Yoga Day

Many nations have started celebrating June 21st as the International Yoga Day. Most of us identify Yoga with fitness today, even though Yoga refers to a group of physical, mental and spiritual practices or disciplines. In particular, Surya Namaskar (literally, “Sun Salutation”) is a specific practice that incorporates a sequence of gracefully linked asanas (poses); and is a popular exercise.

In tune with the spirit of this day, I am happy to present before you a Captivate project I made for this occasion. Since Surya Namaskar is typically the exercise with which you start your day, I would like to introduce this as the “Hello World” version of my first project. My aim is to explore various features of Captivate as I develop this project with your feedback. Through the coming weeks, I will share refined versions of this project, as it evolves. Each time, I intend to focus on one or two key features of Captivate which I used in that version. Given the vast expertise of the members in this community, I hope to spur discussions and conversations around the features, how they have been employed in this design, better ways to do it, tips and tricks, etc. Hoping to see the experts in this community weighing in with their experiences and suggestions.

Here is the file – InternationalYogaDay

Here is the HTML5 preview – Play

In this article, my focus is on “responsive learning” and “text to speech”

With the rapid rise in usage of mobile devices, it is becoming important to allow learners to learn, anywhere, anytime. In general, responsive design can be a bit overwhelming for anyone who is new to design. Luckily, Captivate makes it easy even for a newbie to build responsive content with its Fluid Box feature. If you have not tried “Fluid Box” feature, check out below blogs Feel free to “experiment” with this project and try out other layouts and let me know what you think.

https://elearning.adobe.com/2017/05/getting-started-on-fluid-boxes-adobe-captivate-2017-release/

https://elearning.adobe.com/2018/06/create-responsive-project/

The post International Yoga Day appeared first on eLearning.

Copying the results of a Text Entry Box to a Text Caption Box

Hi everyone,

I am guessing that there is a simple answer to this questions. Basically I have a slide with a Text Entry Box (Employees Name) that I want to copy those results on to a Text Caption Box at the end of the project. Do I have to create an Advanced Action on the slide I want it copied to or is there an easier way that I am missing?

The post Copying the results of a Text Entry Box to a Text Caption Box appeared first on eLearning.

Adobe Captivate fluid box Hyperlinks issue

Hi

I am creating a responsive project using fluid boxes in Adobe Captivate 2017.

Inside one fluid box I have a text caption. I have copied the text from the script (Word document), next I highlighted the ‘link’ word and right clicked on it, I used ‘Insert Hyperlink’ option to paste the URL. Unfortunately the link is not working both in the preview option and published to SCORM. I was creating every screen from scratch and I am unable to create any hyperlinks in my project and it is very frustrating as this supposed to be a basic option to be able to insert a link…

Word that supposed be a link has only changed the colour and it become underlined but is unclickable. I also tried to use the ‘Insert Hyperlink’ from the Character section under the Properties from the panel on the right hand site. I was trying for a long time now to work this out unsuccessfully. Any idea what to do?

Thanks,
Emilia

The post Adobe Captivate fluid box Hyperlinks issue appeared first on eLearning.

Responsive eLearning with Captivate 2017 – Part 3: Adding Fluid Boxes

In the first and second part of this blog-series on responsive eLearning with Captivate 2017, we learned how to create a new responsive project and rescale the maximum width and height of the responsive project.

Now let’s learn how to add Fluid Boxes to the responsive project which will help you quickly and easily format slides; and adjust the layouts to fit the content needs.

Fluid Boxes are intelligent containers in responsive projects. They can either be added to the slides or can be inherited from the master slides. Objects placed in Fluid Boxes are automatically aligned so that learners always get fully responsive experience regardless of their device or browser.

Watch this step-by-step tutorial to learn how to add, select, rename, and resize Fluid Boxes in Captivate 2017:

In the next part, we will learn how to add different objects to Fluid Boxes in Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

Captivate 10.0.0.192 Hyperlinks in Text Caption Shows “1” When Previewing Project in Browser

Hi:

When I create a Hyperlink in a Text Caption and preview the project, in my Safari browser the hyperlink is displayed correctly however, Captivate adds a “1” to the text information.  I tried everything from using the complete link to a variety of link shorteners that provided me a link that did not contain any numbers . Has anyone ever encountered this problem?

The post Captivate 10.0.0.192 Hyperlinks in Text Caption Shows “1” When Previewing Project in Browser appeared first on eLearning.

Object size relative to another object size

Hello,

I am using Captivate 2017. Is there feature that make the height of an object be relative to the height of another object?

for Example: I have text caption and I have Smart shape as Background to this text caption. the Text Caption’s height is flexible, I mean It will be automatically more when the text wraps. But this smartshape(Background) does not response to this changing.

The post Object size relative to another object size appeared first on eLearning.

How to use Fluid Boxes for Web Responsive Design in Captivate 2017?

Captivate 2017 is the recent launch by Adobe and is turning out to be A piece of cake for eLearning developers to create responsive ELearning modules. If I have to pick an eye catching feature from the tool I would surely pick “Fluid Boxes” which is one of the new features added to Captivate 2017. With Fluid Boxes, developers relish unique authoring experiences and develop responsive HTML5-based eLearning content faster, without programming knowledge.

  1. Open Adobe Captivate 2017 and select “Responsive Project” and then click on “Create”.
  2. From the options available at the top, click on “Fluid Box”. This will allow you to choose one of two different fluid boxes arrangements:
    • Horizontal
    • Vertical

    Choose according to the design you want to achieve.

  3. Now, choose the number of fluid boxes you want to have on the screen. You can choose as many as you wish. Note: Fluid Boxes can have different configurations.
  4. Select Fluid Box and insert image from “Media” Tab.
  5. Browse the image from the desired location and click “open”. Let us name this as Fluid Box 1
    click “open”. Let us name this as Fluid Box 1
  6. Similarly insert an image in the other fluid box. Let us name it as Fluid Box 2.
    Let us name it as Fluid Box 2
  7. From the options available on Top, click on “Text” dropdown and insert the text you wish to add on the Fluid Box 2.
    click on “Text” dropdown and insert the text you wish to add on the Fluid Box 2
  8. Click on the “Interactions” tab and select the required interaction from the available default interactions from dropdown list.
    Click on the “Interactions” tab and select the required interaction
  9. Write required Text and Design the Button as you like.
    Write required Text and Design the Button as you like
  10. Deselect the marked “Stretch to Fit” option for better customized view.
    Deselect the marked “Stretch to Fit” option for better customized view
  11. Now let’s look at the customization options available to customize the “Fluid Boxes”. The options available are FLOW, WRAP, HORIZONTAL, VERTICAL, PADDING. Use these options as per your design requirements.
    • Flow
    • Wrap
    • Horizontal
    • Vertical
    • Padding
  12. To preview the project on different devices, choose the dropdown menu beside the “Preview In” option. Alternatively you can enter your own width and height and with the help of “preview slider” you can adjust the size that you wish
  13. Once you have made an adjustment to the default, you will see a tiny little plus Icon and by clicking on it you can create a name for your own custom preview and click OK.
  14. You can see the saved adjustment in the dropdown “Preview In”.
  15. You can view your slide on different devices.
    • Desktop:
    • IPad:
    • Mobile:

Original post link: http://www.swiftelearningservices.com/how-to-use-fluid-boxes-for-web-responsive-design-in-captivate-2017/

The post How to use Fluid Boxes for Web Responsive Design in Captivate 2017? appeared first on eLearning.

Responsive eLearning with Captivate 2017 – Part 2: Resizing the responsive project

In part 1 of this 14-part series on responsive eLearning with Captivate 2017, we learned how to create a new responsive project and then preview it in the edit area using the Preview-in drop down list and the Preview Slider. If you missed reading Part 1, here’s the link to access it.

When you create a responsive project in Captivate 2017, the default maximum width and height is set to 1024 x 627 pixels. Because of this default setting, if you view the responsive project on a Desktop/Laptop browser, it will always restrict the project size to 1024 x 627 pixels and will not cover the entire browser area. To change this behavior, you will need to modify the maximum width and height of the responsive project. This is possible by using the Rescale Project option in Captivate.

Watch this video to take a look at the steps:

In the next part, we will learn how to add, select, rename, and resize Fluid Boxes in Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=