Adapt Learning Community: Custom Components Styling

While digging into the adapt components to learn how to implementing our own custom versions of the mcq and textInput for survey questions, since we do not need the added functionality of the tutor system, and noticed the state information of the checkboxes had multiple divs to represent different states. It's easy to see these are for providing the graphical ui, but is there a particular reason behind having these extra div element instead of directly styling input element with CSS3? Thanks!

Hey Jason,

We use these extra divs so we can style the MCQ in a variety of ways across a lot of different browsers. You don't have to use these if you don't want to as components are what you make of them. CSS3 features are not fully supported across our browser spec as we have to support IE8.

Hope that helps explain.

Daryl

Show parent | Reply