It would be nice to have navigation buttons (prior, next) on the 'edit
card' page. When making multiple changes it is tedious to have to open
and close many cards.
It would also be nice to have a batch move function. Moving many cards
into a different category, for example after importing from Q&A,
currently appears to require the user to open each card and check the
box for the appropriate category.
'Edit selected cards' currently opens the selected cards in tabs. I'd
rather have something that opened a single edit card tab that would
let me navigate (prior, next) through the selected list, with a
control indicating which card in the current set was being editing
(i.e. 'editing card 3 of 12').
The 'Path' indicator in the text input on the 'edit card' screen has a
minor bug. Enter some text, the path will correctly indicate 'p'.
Click the 'B' control to turn on bold and enter a few characters, the
path does not change. Click the 'B' control again to turn off bold.
The path will now become 'P >> strong' and will remain so as you enter
new characters. Adjusting the caret position with the cursor keys or
the mouse will correct the path.
Some sort of formatting for the card display would be nice. When you
put an image into a card the half screen split on the card display
doesn't always show all of the image. Even just a simple property on
the card to set the split percentage would be useful.
CS
--
"Our ignorance is not so vast as our failure to use what we know." -
M. King Hubbert
Yes, I'd like to see a dynamic solution too, but if a complete
solution will take a while to implement, a quick hack would be
appreciated :)
Speaking of images, what do you think of doing an image occlusion
feature like SM?
It appears that the TinyMCE will allow floating DIV sections that can
be used to occlude parts of the image. Create a new card, click the
HTML button and paste in the following code (or see the examples I
created under the user/user account).
<p><img src="/images/1" alt="" /></p>
<div class="contents" style="background: lightgrey none repeat scroll
0% 0%; position: absolute; left: 20pt; top: 30pt; color: darkgreen;
width: 150px; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial; border: 1pt solid #eeeeee gray gray #eeeeee;">
<p style="/learning-app/margin: 0pt;font: 20pt arial; font-weight:
bold; text-align: center">What kind of animal is this?</p>
</div>
However, entering the div sections by hand is a pain, and I'm not sure
how to set them up so that they are sure to align over the background
image reliably. It is also important to be sure that the occlusions
appear before the image so as not to give away the answer.
Another necessary feature would be a preview mode in the 'edit card'
screen. The edit mode and the learn mode display the card differently,
and it's not desirable to have to go to learn to check how the card
looks (besides there being no way to get a card to come up again
before it is scheduled!).
> Speaking of images, what do you think of doing an image occlusion
> feature like SM?
> It appears that the TinyMCE will allow floating DIV sections that can
> be used to occlude parts of the image.
Floating DIV sections used in TinyMCE are absolute positioned. This
has flaws I would like to avoid. For example, if the image is preceded
by a piece of text and we at some point decide to change default text
size, the coordinates of the DIV section becomes incorrect. I would
like to tie occlusion with the image, for example by adding to our
image edit dialog a tab with options to occlude parts of the image. If
there is not possible to use relative layer placement in TinyMCE, we
can use image processing at server side.
> Another necessary feature would be a preview mode in the 'edit card'
> screen. The edit mode and the learn mode display the card differently,
> and it's not desirable to have to go to learn to check how the card
> looks (besides there being no way to get a card to come up again
> before it is scheduled!).
The simplest solution is to make cards in edit mode look like in learning mode.
The need of clicking on the "preview" button goes out and the
interface is kept simple.
--
Regards,
Adam Dziendziel
Perhaps the image itself can be placed onto a DIV, along with the
occlusion images? This would maintain the alignment between the
occlusions and the image, but the image would then not be related to
text on the page:
<p>Floating Occlusion:</p>
<div class="contents" style="background: red none repeat scroll 0% 0%;
position: absolute; left: 20pt; top: 20pt; color: red; width: 450px;
-moz-background-clip: -moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy: -moz-initial; border: 1pt
solid #eeeeee gray gray #eeeeee;">
<div class="contents" style="position: absolute; left:0pt; top:0pt;
width:400;"><img style="left: 0px; width: 376px;" src="/images/1"
alt="" />
<p> </p>
</div>
<div class="contents" style="background: lightgrey none repeat scroll
0% 0%; position: absolute; left: 20pt; top: 30pt; color: darkgreen;
width: 150px; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial; border: 1pt solid #eeeeee gray gray #eeeeee;">
<p style="/learning-app/margin: 0pt;font: 20pt arial; font-weight:
bold; text-align: center">What kind of animal is this?</p>
</div>
</div>
Also, is it possible to import cards to a specified category and can
we learn only from a given category? With thousands of cards in the
database it is apparent that these would be useful.
Do you mean moving it by click-n-drag? If so, no, you have to use the
HTML editor to adjust positions. You'll have to update TinyMCE with
one (or more?) of the plug-ins to get layer dragging.
> Another
> disadvantage of using DIV's for occlusions is that you can't use
> shapes different than rectangles. For example, sometimes you may want
> to use an arrow to point at something in the picture.
You can use any shape you would like by putting appropriate content on
the div. For example, I've uploaded a transparent PNG file of an
arrow, which can be used to point to things (there is a sample card).
Of course you can't expect users to go to that kind of effort, this is
just to illustrate the idea that you can put pretty much anything you
want into a DIV for display without much trouble. The difficulty is
more with editing and placing items in a user friendly way. I can't
see it working for users without dragging support from TinyMCE.
Fortunately, TinyMCE has this covered. See the full-featured example at:
http://tinymce.moxiecode.com/example_full.php?example=true
Click the Add Layer button (on the bottom left of the toolbar, a box
with drag handles) and make sure Absolute positioning is on. You can
drag it where ever you want on the image, resize with handles etc. If
you could upload you could throw in a standard set of transparent
arrow graphics and you'd have a good first pass at editor-supported
occlusions. The editor for it lets you set various visual styles on it
so you can set background colors or transparency, etc.
As far as setting up complex shapes for occlusions, I think you could
skip that and just let users add multiple boxes, at least until later.