Results 1 to 2 of 2

Thread: Rounded corners on FieldSet with hidden fields

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-1051 in a recent build.
  1. #1
    Touch Premium Member
    Join Date
    Dec 2008
    Location
    Utrecht, The Netherlands
    Posts
    37
    Vote Rating
    0
      0  

    Default Rounded corners on FieldSet with hidden fields

    REQUIRED INFORMATION


    Ext version tested:

    • Sencha Touch 2.0 PR2



    Browser versions tested against:

    • Chromium 14.0



    DOCTYPE tested against:

    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



    Description:

    • When there are hidden fields below the visible fields, the bottom visible field does not get the correct rounded corners.



    Steps to reproduce the problem:

    • create a fieldset with hidden fields below visible fields



    The result that was expected:

    • the bottom field should have the correct rounded corners



    The result that occurs instead:

    • only the input field and label get rounded corners, but the field itself (with CSS-class 'x-field') does not. The rounded corner is applied to the last field of the fieldset, which is hidden.



    Test Case:

    Code:
    Ext.define('MyForm', {
        extend: 'Ext.form.Panel',
        requires: ['Ext.form.FieldSet', 'Ext.field.Hidden', 'Ext.field.Text'],
        config: {
            items: [{
                xtype: 'fieldset',
                items: [{
                    xtype: 'textfield',
                    name: 'text1',
                    label: 'text1'
                },{
                    xtype: 'textfield',
                    name: 'text2',
                    label: 'text2'
                },{
                    xtype: 'hiddenfield',
                    name: 'hidden',
                    value: 'hidden'
                }]
            }]
        }
    });


    HELPFUL INFORMATION

    Debugging already done:

    • the rounded corner gets applied to .x-field:last-child which should exclude the hidden fields



    Possible fix:

    • not provided



    Additional CSS used:

    • only default sencha-touch.css



    Operating System:

    • Ubuntu 10.10

  2. #2
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
      0  

    Default

    Thank you for the report.

    Sencha Inc

    Jamie Avins

    @jamieavins

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
  •