1. #1
    Sencha User
    Join Date
    Feb 2012
    Location
    Noida,India
    Posts
    31
    Answers
    1
    Vote Rating
    1
    shruti_nair is on a distinguished road

      0  

    Default Unanswered: Checkbox design issue

    Unanswered: Checkbox design issue


    Hi

    I need to increase the height ,width of a checkbox in android.
    i have done the same on iOS,but unable to produce the desired result in android.
    i'm attaching screenshot of the emulator.the checkbox appears tiny on the device inside the black outline.

    Please suggest a solution.

    the checkbox:
    Code:
    xtype: 'checkboxfield',                            name : 'termsandconditions',
                                id:'termsandconditions', 
                                cls:'termsandconditions', 
                                value: 'termsandconditions',
                                style:{height:'30px',width:'30px'}
    the css:
    Code:
    .termsandconditions{
    height: 36px!important;
    width: 34px!important;
    	
    }
    .termsandconditions .x-input-checkbox
    {
    height: 27px!important;
    margin-top: 4px;
    outline: 1pxblacksolid;
    display: inline;
    width: 30px;
    margin-left: 3px!important;
    }
    The screenshot:current.png
    Attached Images