Styles on the wiki page

Styles on the wiki page

James Thomas -
Atsakymų skaičius: 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

Įvertinimų vidurkis: -
Atsakymas į James Thomas

Re: Styles on the wiki page

Mary Cooch -
Documentation writers paveikslėlis Moodle HQ paveikslėlis Particularly helpful Moodlers paveikslėlis Testers paveikslėlis Translators paveikslėlis
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
Atsakymas į Mary Cooch

Re: Styles on the wiki page

James Thomas -
Thanks, but alas, this does not help.
The page looks a bit daft with the styles out of kilter.
Atsakymas į James Thomas

Re: Styles on the wiki page

James Thomas -
Doesn't anyone else have this problem? Or has had this problem?
Atsakymas į James Thomas

Re: Styles on the wiki page

Dave Sherwin -
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 besišypsantis


Atsakymas į James Thomas

Re: Styles on the wiki page

Jon Bolton -
Particularly helpful Moodlers paveikslėlis Testers paveikslėlis
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).
Atsakymas į Jon Bolton

Re: Styles on the wiki page

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.
Priedas Screen Shot 2021-02-24 at 18.29.54.png
Priedas Screen Shot 2021-02-24 at 18.30.58.png
Atsakymas į James Thomas

Re: Styles on the wiki page

Jon Bolton -
Particularly helpful Moodlers paveikslėlis Testers paveikslėlis

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.

Atsakymas į Jon Bolton

Re: Styles on the wiki page

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