Results 1 to 1 of 1

Thread: Checkbox design issue

  1. #1
    Sencha User
    Join Date
    Feb 2012
    Location
    Noida,India
    Posts
    31
    Answers
    1
    Vote Rating
    1
      0  

    Default 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 Attached Images

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •