![]() (In my follow-up post, I create a new reply, go into HTML mode, paste this code below into the edit area, and then post. My guess is that I created it using Moodle's editor, went into HTML mode, copy and pasted the code. I will post mine below as a picture, and below as "text." It looks like it is HTML-ish, and since I created it a while ago, I can't remember how I did this. The contents of my footer I create in Site Admin / Appearance / Additional HTML, Before BODY is closed. Some of the "styling" of the footer I show in my CSS code, above. jpg, but I left off the "g" so that moodle doesn't interpret and display the graphic.) * Fix footer positioning problem - Mary */ Then, to reposition and improve the footer, I use custom Raw SCSS in the Boost theme, as shown below. $("input").I use several techniques on my own Moodle to produce a subtle, and what I consider a better-formatted footer (see the graphic.) I am using Moodle 3.5, but I think these techniques will work for earlier versions of Moodle (and Boost.)įor my own copyright and email notice, I added these in Site Admin, Additional HTML, Before BODY is closed. Apparently click is better chan change? Cuz IE? Someone else could probably make it way better. My Javascript/jQuery knowledge is supremely limited, but I wanted to take a shot at making changes recursive. If (cb.readOnly) cb.checked=cb.readOnly=false Įlse if (!cb.checked) cb.readOnly=cb.indeterminate=true If you create a checkbox in markdown using a lowercase x (e.g. X), you cannot uncheck it in the preview pane. UI to best convey whether results of selections in a filtering interface return intersections or unions (and/or) 0. Display hierarchy of mutually exclusive options. Best way to lay out home page of mobile app. Reader Casual Trash sent me in a library-free and far more succinct version of rotating through all three visual states which utilizes the readonly attribute that checkbox inputs can have. Current behavior When you create a checkbox in markdown using an uppercase X (e.g. Checkboxes or Radio buttons: Only one or zero choices. See the Pen Rotate Through Indeterminate Checkboxes by Chris Coyier ( on CodePen. I have been looking for a complete solution to nesting parent child checkboxes that change state correctly based on a hierarchy. Here’s some jQuery to do that: var $check = $("input"), el Jon Stuebe was messing around with the idea of rotating the state between unchecked, indeterminate, and checked with a click. Find the latest release of Boostnote here More Information. Built with Electron, React + Redux, Webpack, and CSSModules. Apps available for Mac, Windows and Linux. Indeterminate Checkboxes (Vanilla JS) by jakob-e ( CodePen.Īnd a couple of alternate approachs from Alvaro Montoro, Bramus, Gridbuilder, Lewin Probst, and Jason Wilson.Ĭheckbox family by Stephen Margheim ( CodePen. Mobile Web App (m.boostnote.io) iOS (Apple App Store) Android (Google Play Store) BoostNote-Legacy Note-taking app for programmers. Here’s an alternate jQuery version from TheNotary.Īnd here’s a plain JavaScript version from Jakob Eriksen: ![]() See the Pen Indeterminate Checkboxes by Chris Coyier ( on CodePen. If some of them are checked, then it’s in an indeterminate state (in this case symbolically meaning “partially” checked). If all those children are checked, it may be checked. The reason I’m writing this is because I just had a use case come up for this state: nested checkboxes. Like the checkboxes themselves, indeterminate state looks different in different browsers. That means the visual indeterminate state masks the real value of the checkbox, so that better make sense in your UI! The checkbox is still either checked or unchecked as a state. Or jQuery style: $("#some-checkbox").prop("indeterminate", true) // prop is jQuery 1.6+ It's basically this same behavior reported under issue 3077 two years ago and confirmed that it affects Boostnote on both Catalina and Big Sur. var checkbox = document.getElementById("some-checkbox") I've been off Boostnote for a few years but haven't used it since before updating to 0.16.1 and I discovered the return of the behavior where checking a checkbox scrolls the preview page to the top. It is a property of checkboxes though, which you can change via JavaScript. You can’t make a checkbox indeterminate through HTML. Here are some things to know about indeterminate checkboxes: Visually, there are actually three states a checkbox can be in: checked, unchecked, or indeterminate. They can have any value, but they either submit that value (checked) or don’t (unchecked) with a form submission. Checkbox inputs can only have two states: checked or unchecked.
0 Comments
Leave a Reply. |