brrocks28
4/7/2017 - 8:44 AM

CUSTOM CSS FOR CHECKBOX CSS

CUSTOM CSS FOR CHECKBOX CSS

/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
/**
 * JS FOR CHECKBOX.
 * @param {type} param
 */
jQuery(document).ready(function ($) {
    jQuery(".CheckBoxClass").each(function () {
        var id = jQuery(this).attr('id');
        var label_name = 'edit-table-' + id;
        jQuery("label[for=" + label_name + "]").addClass("CheckBoxLabelClass");
    });
    jQuery(".CheckBoxClass").change(function () {
        var id = jQuery(this).attr('id');
        var label_name = 'edit-table-' + id;
        if (jQuery('#edit-table-' + id).is(":checked")) {
            jQuery("label[for=" + label_name + "]").addClass("LabelSelected");

        } else {
            jQuery("label[for=" + label_name + "]").removeClass("LabelSelected");
        }
    });
});

/*
 $(".checkbox-" + trans_itemid).each(function () {
                        if (!this.checked) {
                            check = false;
                        }
                        if (check) {
                            $('#trans-orderid-' + trans_itemid).prop('checked', true);
                        } else {
                            $('#trans-orderid-' + trans_itemid).prop('checked', false);
                        }
                    });
                    */


/* CHECKBOX CSS */
#meeting-images-pdf .radio label, .checkbox label
{
    position: absolute;    
}
.CheckBoxLabelClass{
    background: url("unchecked.png") no-repeat;
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 10px;
    margin: 5px;
    height: 60px;   
    width: 60px;
    display: block;
}
.CheckBoxLabelClass:hover{
    text-decoration: underline;
}
.LabelSelected{
     background: url("checked.png") no-repeat; 
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 10px;
    margin: 5px;
    height: 60px;   
    width: 60px;
    display: block;

}

/*pdf box*/
.pdfbox { text-align: center; }