Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #11
    Sencha User
    Join Date
    Dec 2012
    Posts
    30
    Vote Rating
    1
    gendaful is on a distinguished road

      0  

    Default Fixed:Unable to select last option of picker

    Fixed:Unable to select last option of picker


    Hi All.

    I was also facing the same issue.I have fixed it as below.

    Below is my picker

    {
    xtype : 'picker',
    doneButton: false,
    id:'activityPicker',
    cls: 'PickerFrame',
    cancelButton: false,
    hidden:true,
    slots: [
    {
    name : 'activityPicker',
    cls: [
    'PickerMiddle'
    ],
    title: 'Activity',
    data : [
    {text: "1", value: 'all'},
    {text: "2", value: 'moneySentText'},
    {text: "3", value: 'billPaymentsText'}

    ]
    }
    ],

    },

    CSS Classes

    .PickerFrame {
    background: #dae4ec !important;
    border: 1px solid #6890b0;
    -webkit-box-shadow: inset 0px 1px 0px #ffffff;
    }

    .PickerMiddle {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #022c42 !important;
    font-weight: bold;
    line-height: 45px;
    background-color: #ffffff !important;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #6890b0;
    -webkit-box-shadow: inset 0px 0px 13px 3px #cbcbcb;
    text-align: center;
    }


    I think the line-height attribute is the one who is fixing this issue.

  2. #12
    Sencha User
    Join Date
    Dec 2012
    Posts
    30
    Vote Rating
    1
    gendaful is on a distinguished road

      0  

    Default Fixed:Unable to select last option of picker

    Fixed:Unable to select last option of picker


    Fixed:Unable to select last option of picker

    Hi All.

    I was also facing the same issue.I have fixed it as below.

    Below is my picker

    {
    xtype : 'picker',
    doneButton: false,
    id:'activityPicker',
    cls: 'PickerFrame',
    cancelButton: false,
    hidden:true,
    slots: [
    {
    name : 'activityPicker',
    cls: [
    'PickerMiddle'
    ],
    title: 'Activity',
    data : [
    {text: "1", value: 'all'},
    {text: "2", value: 'moneySentText'},
    {text: "3", value: 'billPaymentsText'}

    ]
    }
    ],

    },

    CSS Classes

    .PickerFrame {
    background: #dae4ec !important;
    border: 1px solid #6890b0;
    -webkit-box-shadow: inset 0px 1px 0px #ffffff;
    }

    .PickerMiddle {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #022c42 !important;
    font-weight: bold;
    line-height: 45px;
    background-color: #ffffff !important;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #6890b0;
    -webkit-box-shadow: inset 0px 0px 13px 3px #cbcbcb;
    text-align: center;
    }


    I think the line-height attribute is the one who is fixing this issue.

Tags for this Thread