5/11/2023 0 Comments Screen tips kompozerI think with a little playing around of your Custom CSS settings will fix it right up. Of course the flow chart now renders a little 'ugly'. I guess the opacity setting must be coming from the mermaid CSS as when I remove the Requires CSS entry of: /// ajax/libs/mermaid/0.5.8/, the page opacity returns to normal. I tried adding the same flowchart in a label of topic 1 of a course. Seems that the mermaid filter is adding an opacity setting of. When I added your example flowchart, I didn't notice until a day or two later, that the topic area on the top of the front page would fade out just as the page finished loading. Normally, whenever I add something new on my dev site, I always make a news entry on the front page. I think there might be a slight problem with the Generico mermaid filter. Download that and drag and drop it onto the green "bundle" box on an empty generico template's settings page. After that you can tweak it when you need to. So in practice you should build your flowcharts using the mermaid online realtime editor ( ) and then paste the code into Moodle. Its a bit clunky trying to build the flowcharts in the html editor, partly because little html bits get in there, and mainly because the save and reload thing takes ages. I made an example describing how foreigners from my own country generally talk to foreigners:Ī(Say something) => B You build flowcharts using a markdown like syntax. I am working on a standalone showcase site, but in the meantime here is another template. Also if you use the custom field for CSS you can't use Generico variables in the CSS. In the case of CSS that looked ugly, so I left the inline CSS in place,in the attached template. If you use the custom fields, there is a noticeable lag before the JS and CSS are applied. And the original countdown template works fine if you intend to use only one on a page.Īnd actually there are some advantages of doing it all inline. In both the JS and CSS cases ,if the code is in the body field it will be immediately available. And I want to stress that there is no right or wrong. It does increase the complexity a little to do it this way. Similarly the CSS can also be put in the custom CSS field of the template. So in the attached bundle I have put the js in the custom js area and set "use AMD" to yes. like use jquery and load 3rd party libraries). That way all the js is self contained and you don't get naming clashes ( and you can do a few more things too. Ideally you would put the javascript in the custom js field and set AMD to yes. Only one of those would ever be used, so one timer was effectively broken. So we ended up with two functions defined of the same name, but their content was different. It means that when the timer appears twice on the same page, so too will the javascript and css. (Insert a medium sized image between the generico tags and it gets overlayed with a CNN/ABC style news effect)Īlthough the actual problem really stems from the original template having put the javascript and css in the body text. The other is a modified version of Andy Chaplin's newsflash template. (Enter text between the two generico tags that get inserted on the page to make a post it note.) Its new, so there might be some weirdness but I have attached two template bundles that should work. If you drag and drop such a text file from your file system onto the green box, the template bundle will be imported into the current template. On each templates settings page on the top right there is a green box labelled "Bundle." If you click on that the current template will be downloaded as a small text file. (NB If your template requires uploaded CSS or JS files, then they won't be exported or imported in the bundle.) It is only for the latest Generico and on Moodle 2.9.x and 3.x. It has a new feature that allows you to import/export templates so that they can be more easily shared. I just added a new version of Generico filter to the plugins database.
0 Comments
Leave a Reply. |