MaterialCheckBox | A simple checkbox view interaction that tweens between tick | Animation library

I'm having two checkboxes and a TextInputLayout inside a liner layout. But they ain't getting properly rendered. The checkboxes are shifting downwards. I tried everything and they are not aligning.

My code is as follows:

I am trying to make an Attendance App for my College. I am using CardView Inside a Recycler View. Inside my Card View is a checkBox to mark the attendance of the particular student. The problem is that if i mark say, Student 1,2 and 3. some random cards on position 10,11,12 or anything else(random) gets marked on it's own. i know it is because of the recycler view recycling the position of those cards but since i am new to development i unfortunately do not know how implement the Check Box to give me the details of the Card checked so that i can use it. I have been through a couple of guides but haven't been able to understand. I am attaching my Adapter Class and takeAttendance Activity below. i haven't implemented anything related to the check box yet and need guidance for the same.

RECYCLER VIEW ADAPTER CLASS

I used CSS to change the original labels for a checkbox question and the input text field that appears after you check the box, but after adding the code, it removed some of the margin and padding, and the input text field no longer has the focus applied to it.

Here is the link to the form: https://donorbox.org/youthminds. Just select any amount and click next to get to the second part of the form.

I included the original HTML code below, and before and after images at the bottom.

I used the CSS code below to change the checkbox field label and the input text label which appears after you click the box.

CSS:

I am trying to change the label for a checkbox question. I don't have access to the HTML, so I am stuck using CSS and/or Javascript.

I would like to replace the original label This donation is on behalf of a company with Organization Name.

I tried using the CSS code below, but it just added the replacement text before the original text (see the images at the bottom). The code worked for changing text field labels, but doesn't seem to work with the checkbox label.

I'm trying to redo this Qt code https://github.com/laserpants/qt-material-widgets but using Python & PyQt4 and I'm encountering problem with animation.

I want to recreate the checkbox of the example, everything is working fine except the animation; it doesn't update.

The main issue is that I want to keep the stateMachine and the transitions for the button, but the solutions I found does not use them.

I just want the icon to fade-in & out when clicked

any Idea why this is not working?

I'm curious to know whether it's possible to change the default spacing that's placed around MaterialCheckBox... or whether there are plans to allow for this.

Let's say, for the sake of example, I have a CheckBox defined with four TextViews around it (to the left, right, top and bottom of it) and I specify no margins on any of the five Views. If I define my app's theme as Theme.AppCompat.Light then this CheckBox is rendered with equal spacing around it as follows:

If I change the app's theme to Theme.MaterialComponents.Light and make no other changes to the app then the CheckBox is rendered as follows:

Note the unequal spacing which I would like to customise on a per-need basis. There's nothing mentioned in the MaterialCheckBox documentation and I can't see anything obvious in the class definition about being able to change this spacing.

(For what it's worth I'm using the latest version of the com.google.android.material:material library, i.e. 1.1.0-alpha03. And everything I've said above holds regardless of whether I define a CheckBox, AppCompatCheckBox or MaterialCheckBox in my layout. The key thing is changing the theme from Theme.AppCompat.Light to Theme.MaterialComponents.Light.)

I realize Listview for the photo preview.