Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-62732

Use Bootstrap 4 custom checkbox/radio styles

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.5
    • Fix Version/s: None
    • Component/s: HTML and CSS, Themes
    • Labels:
    • Difficulty:
      Difficult
    • Affected Branches:
      MOODLE_35_STABLE

      Description

      Bootstrap 4 has some CSS styles for custom-checkboxes and radio buttons.

      https://getbootstrap.com/docs/4.0/components/forms/#checkboxes-and-radios-1

      Thes pick up theme color settings, and radius variables etc. where the default ones use whatever the browser default is, often blue.

      It would be good to make use of those. Mostly just adding the appropraite classes to the templates works, though for admin setting checkboxes you need to add an empty label after the input for the CSS to work properly.

        Attachments

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              bawjaws David Scotson
              Participants:
              Component watchers:
              Amy Groshek, David Scotson, Amaia Anabitarte, Bas Brands, Carlos Escobedo, Sara Arjona (@sarjona), Víctor Déniz Falcón, Amaia Anabitarte, Bas Brands, Carlos Escobedo, Sara Arjona (@sarjona), Víctor Déniz Falcón
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated: