Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    5
    Vote Rating
    0
    whitemage is on a distinguished road

      0  

    Question Help CheckBox : align box to the utmost right

    Help CheckBox : align box to the utmost right


    Hello,

    I would like to be able to align the box always to right in a checkbox.
    ie : "BoxLabel" __________#Box#

    I have the BoxLabelAlign assigned to "before". I tried to put FieldStyle to "text-align:right", but to no avail.

    There are two tpl usable : boxLabelAttrTpl or beforeBoxLabelTextTpl. But I dont know what to put inside it to make work.

    Thx already if someone can spare a bit of time to help me in this case.

  2. #2
    Ext JS Premium Member westy's Avatar
    Join Date
    Feb 2009
    Location
    Bath, UK
    Posts
    835
    Vote Rating
    38
    westy is a jewel in the rough westy is a jewel in the rough westy is a jewel in the rough

      0  

    Default


    Looks like have to be specific with widths, unfortunately.

    So something like:
    Code:
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Ext Testing</title>
    
    
        <!-- Ext includes -->
        <script type="text/javascript" src="/ext4.1/ext-all-debug.js"></script>
    
    
        <!-- CSS -->
        <link rel="stylesheet" href="/ext4.1/resources/css/ext-all.css" type="text/css">
    
    
        <script type="text/javascript">
            Ext.onReady(function() {
    
    
                var win = Ext.create('Ext.window.Window', {
                    width: 250,
                    modal: true,
                    items: [
                        {
                            xtype: 'form',
                            frame: true,
                            border: false,
                            bodyBorder: false,
                            defaults: {
                                xtype: 'checkbox',
                                labelWidth: 80,
                                width: 224
                            },
                            items: [
                                {
                                    name: 'field1',
                                    fieldLabel: 'My Checkbox',
                                    style: 'background-color: red; text-align: right;',
                                },
                                {
                                    xtype: 'textfield',
                                    name: 'field2',
                                    fieldLabel: 'My Textbox'
                                }
                            ]
                        }
                    ]
                });
    
    
                win.show();
    
    
            });
        </script>
    
    
    </head>
    <body>
    </body>
    </html>
    If remove the widths can see that the default size is just big enough to align with the textbox.
    Could probably override checkbox and encapsulate this fairly easy though I'd have thought.

    Hope this helps,
    Westy
    Product Architect
    Altus Ltd.

  3. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    5
    Vote Rating
    0
    whitemage is on a distinguished road

      0  

    Default


    Thx for reply.

    A colleague found me a solution by using fieldStyle = 'float:right;'

Thread Participants: 1

Tags for this Thread