Reduce size of Dialog cards

Submitted by [email protected] on Wed, 06/17/2020 - 10:00
Forums: 
Developers

Hi there,

If possible, I would like to know if I can reduce the size of an H5P flashcard? 

When a user views a flashbard, he/she needs to scroll down to flip the card which doesn't make for a great experience. 

Any input would be greatly appreciated!

Thank you,

Ian 

Content types: 
Dialog cards
BV52's picture

BV52

Wed, 06/17/2020 - 20:13

Hi Ian,

Just want to be sure we are on the same page is it Flash card or dialog cards? If it is dialog cards is it the standalone version or the one in Course Presentation. If it is the one in Course Presentation there is already an existing bug report for this.

-BV

[email protected]

Thu, 06/18/2020 - 07:12

Hi BV,

Thanks for your response. It is the standalone dialog card. Effectively it would be great to be able to fit this in one screen (or at least have the option to resize the overall size of the cards)

Thanks so much, I look forward to your response. 

Best,

Ian 

BV52's picture

BV52

Thu, 06/18/2020 - 20:41

Hi Ian,

The option to resize it is not available as a feature of this content type. However it is possible to change the size of it, the easiest way is to use a PHP hook, to add your own CSS-file to the content type. Please visit the Visual Changes page for more details.

-BV

otacke's picture

otacke

Fri, 06/19/2020 - 22:58

Hi all!

For DialogCards in particular, it's not that simple to change the size of the card. It's set from within the content type, not solely in the stylesheet.

Best,

Oliver 

kdawg

Sun, 04/18/2021 - 19:43

Hi Ian,

I was trying to fix this today and found your question. After basically giving up I went back into course presentation and the dialog card activity I was working on and found the option under Behavioral Settings > Scale the text to fit inside the card. Selecting that option did the trick.

 

kdawg

Sun, 04/18/2021 - 19:45

Hi All,

I was trying to fix this today and found the option in Course Presentation > Dialog Cards Activity > Behavioral Settings > Scale text to fit inside card. That did the trick.

KD