Styles on the wiki page

Styles on the wiki page

by James Thomas -
Number of replies: 10

Good morning,

I'm using 3.10, Boost theme. 

When I create a wiki page with style headings on it, it generates a TOC. This is good.

But the heading styles are not consistent on the page nor in the TOC. Sometimes. This is not good! 

For example:

wiki_page_TOC

And here is the top text of this page. You can see that #3 in the TOC is disproportionately large and in the text, it is disproportionately small. They are all Hd style 4. 

Wiki_page_toptext

Average of ratings: -
In reply to James Thomas

Re: Styles on the wiki page

by Mary Cooch -
Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Testers Picture of Translators
Hello. I am not a wiki or styling expert but I do remember this tracker issue and I wonder if it is helpful? MDL-70521
Average of ratings: -
In reply to Mary Cooch

Re: Styles on the wiki page

by James Thomas -
Thanks, but alas, this does not help.
The page looks a bit daft with the styles out of kilter.
Average of ratings: -
In reply to James Thomas

Re: Styles on the wiki page

by James Thomas -
Doesn't anyone else have this problem? Or has had this problem?
Average of ratings: -
In reply to James Thomas

Re: Styles on the wiki page

by Dave Sherwin -
Picture of Particularly helpful Moodlers
I to am not a styling expert but have noticed that the Table of Contents (TOC) Content for a wiki is built from the different heading styles. It appears that the there are two different heading styles used on the page based on the size of the text. So typically the small styles would appear as a sub-topic under the larger styles. 

So I would expect your TOC to look more like more like this:

1. Teaching Writing <h3>
2. Why teach writing <h3>
2.1 A common approach to writing <h4>
3. Learning to write <h3>


All the text the same size with smaller headers indented.  So Mary is right it's probably related to that ticket to have it fixed. Sorry this is probably not the explanation you wanted, but once the coding is fixed then your site will need to update the code.  Then All Will Good Mamatheka


Average of ratings: -
In reply to James Thomas

Re: Styles on the wiki page

by Jon Bolton -
Picture of Testers
Could you post a screenshot of the page in editing mode with the code view showing? (on a default setup, that means clicking on the first icon on the top row of the Atto toolbar, and then the last icon on the second row).
Average of ratings: -
In reply to Jon Bolton

Re: Styles on the wiki page

by James Thomas -
Hello Jon,

I don't use Atto. But attached you'll see a wiki page in normal view: the TOC generated only one of two Level 5 headings on the page. This is quite visible in Edit mode.

And I've also attached the HTML code, which I often edit in. You'll also see there, a hysterical format of font data. No idea why so much font data is provided for every style, all over the place.
Attachment Screen Shot 2021-02-24 at 18.29.54.png
Attachment Screen Shot 2021-02-24 at 18.30.58.png
Average of ratings: -
In reply to James Thomas

Re: Styles on the wiki page

by Jon Bolton -
Picture of Testers

Hi James - after looking at your code, I'm fairly sure that your problem is caused by the issue Mary that highlighted above.

Your h5 tags are different. One is < h5 >About listening< /h5 >

and the other is < h5 style="text-align: left;" dir="ltr" >Activities for teaching listening< /h5 >

Ignore the spaces inside the tags - they're just there so that Moodle doesn't try to interpret my typing as valid HTML.

So the second one is not a "clean" tag, as described in the Tracker report.

You could prove (or discount) the theory by editing the second h5 tag to be just < h5 > - it should then render the TOC properly. If it does - it's the same bug (so please vote for that issue to be fixed). If it doesn't render as you expect, it's something else.

Average of ratings: Useful (1)
In reply to Jon Bolton

Re: Styles on the wiki page

by James Thomas -
Thanks. Yes, you're right. Clean up the H5 tag and all is good.
All of the fonts or styles in all the pages in the wiki, at least, have a huge amount of garbage in them.
I wonder if it's part of the programming language or if a programmer has created these defaults.

I used to create a lot of Moodle pages in external HTML software and copy and paste it in.
But I've been told that in these days of responsive HTML that I shouldn't do this.
So I use what Moodle offers.

I did read Mary's first post and the Tracker information at the time, but I missed the point, I guess. I will vote.

Thanks again

James
Average of ratings: -