Buzz: Questions & Answers

Numbered lists in agenda not displaying properly

Follow
Answered
Bruce Sharp
I want to use a numbered list in my agenda. For some reason the point size of the numbers doesn't change with the size of the text. I tried setting the point size before I add text. I also tried adding text first, then selecting all and changing the point size. The tiny numbers with the larger text looks a bit ridiculous. How can I change the number size to match my text? I'm trying to paste an image here, but it isn't letting me. Here is a link to an image of what I'm talking about. https://www.screencast.com/t/gaWRoWpB

Comments (5)

Sort by
Jason Albertson

This is a flaw in Buzz's rich text editor across the platform—it affects assignments and other activities, too.

Here's my workaround.

  1. Design your agenda as you like it (apart from the tiny list numbers).
  2. Hit the code view button (looks like this: < >) to the far right of the formatting options bar.
  3. Copy and paste the "style" tag from the <span> elements into the <ol> element. Here's what the code will look like before doing that:


    Here's what the code will look like after doing that.


  4. And here's the result:
0 Comment actions Permalink
Bruce Sharp

Thanks for the tip Jason. :)

I suspected that I could edit the HTML to make it work. I don't know HTML though and haven't had time to look it up. I'm hoping Agilix will fix their coding.

0 Comment actions Permalink
Brian Williams
  • Agilix team member

If this works out for you, I had success just typing the numbers manually as a list which allows the size of the number to change with the text. 

0 Comment actions Permalink
Bruce Sharp

Brian,

I'm already manually numbering my lists. I want to use the list tool so they are indented and the text wraps to the indent to make it more legible. Otherwise, when the text wraps, the numbers get lost in the clutter and it doesn't really look like a numbered list anymore.

0 Comment actions Permalink
Bruce Sharp

Jason, that doesn't seem to work for me. You can see below that I pasted in the 18 point font size from the span.

<ol style="font-size: 18px;">
<li style=" color: rgb(65, 65, 65); font-family: sans-serif; font-size: 14px; font-weight: 400; text-align: left; background-color: rgb(255, 255, 255);"><span style="font-size: 18px;">

Actually, now that I posted that I see there is a 14px in the middle of that. It seems to have put in a font size on every individual number. I assume I either need to delete all of those or change them to 18.

Brian, you can see how much easier it is to read that numbered format with text wrapping rather than this example below of manually numbering.

0 Comment actions Permalink
Please sign in to leave a comment.