Flash cards size

Oct 19, 2018

Matthew Francis
By Matthew Francis

Hi, can you please look into adjust the formatting controls on text in the flash cards. At the moment there is such a small space to write text and most is lost in unseen borders. There are also many occasions where the last line of the text starts to fade out but it is not long enought to activate the scroll bar, so you can never see the words fully.

Can we look at adjusting the size of the box when is flips so there is no scroll bar as this is a pain on such a small space, or adjusting the margins or font formats easier. I realise the idea would be nt tohave too much text but with large margins it's hard to manage.

37 Replies
Ashley Terwilliger-Pollard
over 5 years ago10/19/18 at 6:42 pm (UTC)

Hi Matthew,

Did you already look at adjusting the font size while editing your Flashcards? You'll see a quick screen recording of how to do that here:

The text will resize smaller as you keep typing to add to it, and then I could choose to make it smaller than that (down to 12 pts). I'm not seeing the large margins as you mentioned so I'd love to see an example of your Flashcards (either a screenshot or include a Rise share link here). 

Also, the last line should not be fading unless it's generating the scrollbar. The scrollbar isn't visible until you start scrolling, did you check that it's not active?

I’ll be happy to pass your thoughts on to our product team, but need a bit more detail as to what you're hoping to see, or you can also feel free to detail them more through a feature request!

Matthew Francis
over 5 years ago10/22/18 at 9:54 pm (UTC)

Hi Ashley,

Yes I can adjust the font size but the problem is that the cards are so small on the screen (even PC with 3 wide) that the small text can be too small to read. In reality, the magins inside and outside the card on the phone layout are nearly 50% of the screen width?? At least on the phone layout this could be adjusted, after all it is a program for mobile devices. To help, if the cards could be a little longer by choice to avoid the scroll bar kicking in would be great.

Matthew Francis
over 5 years ago10/23/18 at 11:21 pm (UTC)

Thanks Ashley. Here is another example.

Edit view - cards are large and lots of space.

PC preview - cards shrink significantly so editing to appease is difficult

Phone preview - text even smaller, last line lost and no scroll bar

Katie Riggio
over 5 years ago10/24/18 at 8:33 pm (UTC)

Thanks for those extra visuals, Matthew. They're super helpful, as the more examples the better!

This conversation is tagged to the request's report, so if there's any forward movement on this feature, an email notification will appear in your inbox. 📥

As always, keep those examples and ideas coming!

Matthew Francis
over 5 years ago10/24/18 at 10:31 pm (UTC)

Hi Ashley,

Yes on the phone you can slightly move the top card up and down but it doesn' actually stop anywhere different. The second card does not activate any scrolling at all.

It's wierd that there is more space on these cards in mobile format than on the Tablet or PC???

Crystal Horn
over 5 years ago10/26/18 at 7:19 pm (UTC)

Thanks for the link for testing, Matthew.  I checked on desktop using Chrome, and then on an Android and iPhone.  Here's what I saw:

  • Desktop showed scrolling for the second set of flashcards:
  • Android showed scrolling when in landscape mode, but no scrolling in portrait mode:
  • iPhone showed similar to the Android:

I did notice that the last bullet point in portrait mode on the mobile devices had the fade effect, even though there was no reason to scroll in that view.  When I toggled between landscape and portrait, the fade went away.  That seems buggy to me, so I'm going to document that behavior for us to have a look at.

The rest of the views are behaving as currently designed, based on the content reflowing to fill the different screen sizes and orientations.  I can see how having more vertical room on the desktop view would help flashcards that have just enough text that overflows the card space, which is why we're tracking that request to make some changes to how text is handled spatially!

I'll keep you posted about the "unnecessary" fading in portrait mode on mobile devices.

Crystal Horn
over 5 years ago10/29/18 at 4:55 pm (UTC)

Thanks again, Matthew.  I've reported the fading and scrollbar inconsistencies to our team to have a closer look.

And just to be clear, we're still tracking the feature request for more formatting options on the Flashcards as well, such as the margin size and using header or body fonts.  I'll keep you posted!

Mark Banit
over 5 years ago01/08/19 at 2:42 pm (UTC)

I'd also like to see an option to remove the hover effect for flashcards that washes out the text. While I believe the intent is to indicate that it's clickable, if a learner clicks on a flashcard chances are they are not going to move their mouse to a different location right after clicking and so when the new text is displayed it's shown with the washed out effect which is difficult to read.... not a good user experience. Hoping this effect can be removed, or at least an option provided to disable it. I've submitted a feature request for this.

Sign In to Reply