ActivePresenter Saola Animate Pricing Download

Text Sizes in Responsive Projects


#1

Hi,

I’m testing the responsive layouts, and I’ve noticed that when I reduce the size of the text for the mobile viewport, it changes automatically to the rest of the viewports, making the text almost illegible in the Desktop mode.
Is there any way to customize the text size in every viewport independently?

Regards,


(Dao Viet Phuong) #2

Hi Cecilia,

Unfortunately, the current version of ActivePresenter doesn’t support this capability. We will try to support it in future releases.

Regards,


(Kenny Lee) #3

Hi I think this is basic functionality and needs to be implemented.


(Dao Viet Phuong) #4

Hi,

You just need to select Properties > Transformation > Text Scale.

Regards,


(Kenny Lee) #5

This is great feature! thank you


(Kenny Lee) #6

Hi Phuong,

I noticed that closed captioning does not have this feature. So when i turn on CC for mobile mode, it blocks out the entire screen. Is there a way around this?


(Dao Viet Phuong) #7

Hi,

Please try the following work around:

  • Select ActivePresenter > Project > Properties.
  • Select the Event tab.
  • Enter the following code:
$("head").append("<style>" + 
"@media screen and (max-width: 800px) {" +
	".ap-canvas > .ap-ctrl {" +
		"transform: scale(0.5, 0.5);" +
	"}" +
"}" +
"</style>");
  • Click OK.

We will add the Text Scale option for CC in the future.

Regards,


(Kenny Lee) #8

Hi this still does not work. Please see attachment.
This is very bad because when the CC is on, you cannot see anything on the slides.

Pasted%20File%20at%20January%2023%2C%202019%2012_41%20PM


(Dao Viet Phuong) #9

Hi KennyLee,

Can you please tell the version of ActivePresenter you are using. Please also share the project so we can check.

Regards,


(Kenny Lee) #10

Hi Phuong,

I noticed that it works only once export. The cc size is the same when previewing on the activepresenter application.

However, i notice issue that the position of the cc is at the centre of the screen and still blocks out my content. How to move it to the bottom of the screen.


(Dao Viet Phuong) #11

It is a workaround so it is only visible in output. The following approach has a better result:

$("head").append("<style>" + 
"@media screen and (max-width: 800px) {" +
	".ap-canvas > .ap-ctrl div {" +
		"font-size: 10px !important;" +
	"}" +
"}" +
"</style>");

Regards,