1. #1
    Ext User franzisk's Avatar
    Join Date
    May 2007
    Posts
    163
    Vote Rating
    0
    franzisk is on a distinguished road

      0  

    Default How to strech an TextArea to fit a Tab?

    How to strech an TextArea to fit a Tab?


    I need to make that textarea fills the Tab in Width and Height, how?

    I have this (see the text area field there):
    Code:
    <div id="EDIT-PROFILE-TEXT-DLG" style="visibility:hidden;position:absolute;top:0px;">
    	<div class="x-dlg-hd">Editing profile text...</div>
    		<div class="x-dlg-bd">
    			<div class="x-dlg-tab" title="Profile Description">
    				<div class="inner-tab">
    					 <textarea id="profileTextEdit" rows="10" style="width:99%; height:100%;" ><?=$description_edit;?></textarea>
    				</div>
    			</div>
    			<div class="x-dlg-tab" title="Profile Headline">
    				<div class="inner-tab">
    				
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    JavaScript:
    Code:
    var ProfileTextEdit = function(){
        var dialogProfileEditText, showBtn;    
        return {
            init : function(){
                 showBtn = Ext.get('profileTextView'); // the text paragraph
                 showBtn.on('dblclick', this.showDialog, this);
            },
           
            showDialog : function(){
                if(!dialogProfileEditText){ 
    			    dialogProfileEditText = new Ext.BasicDialog("EDIT-PROFILE-TEXT-DLG", { 
                            autoTabs:true,
                            width:600,
                            height:350,
                            minWidth:300,
                            minHeight:250,
    						animateTarget: showBtn,
    						draggable: false,
                            shadow:true,
    						fixedcenter: true
                    });
                    dialogProfileEditText.addKeyListener(27, dialogProfileEditText.hide, dialogProfileEditText);
                    dialogProfileEditText.addButton('Submit', function(){saveProfileText()} );
                    dialogProfileEditText.addButton('Close', dialogProfileEditText.hide, dialogProfileEditText);
                }
                dialogProfileEditText.show(showBtn.dom);
            }
        };
    }();
    ProfileTextEdit.init();

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Use Element.setSize on textarea. Listen to the dialog resize event if you want scale it with the dialog.

  3. #3
    Ext User franzisk's Avatar
    Join Date
    May 2007
    Posts
    163
    Vote Rating
    0
    franzisk is on a distinguished road

      0  

    Default


    Something like this?
    Code:
    Ext.get('profileTextEdit').setSize('100%', '100%');

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Look at the doc - setSize takes numbers, not strings. I'm not sure that setting size in percentages for a textarea works x-browser, but if so, you should do that with setStyle()

  5. #5
    Ext User franzisk's Avatar
    Join Date
    May 2007
    Posts
    163
    Vote Rating
    0
    franzisk is on a distinguished road

      0  

    Default


    another give up... moving to next...

  6. #6
    Sencha User fay's Avatar
    Join Date
    Apr 2007
    Location
    Ireland
    Posts
    1,750
    Vote Rating
    9
    fay will become famous soon enough fay will become famous soon enough

      0  

    Default


    Look at the blog example in \examples\dialog:

    Code:
    txtComment = Ext.get('comment');
    // ...
    var sizeTextBox = function(){
      txtComment.setSize(dialog.size.width-44, dialog.size.height-264);
    };
    sizeTextBox();

  7. #7
    Ext User franzisk's Avatar
    Join Date
    May 2007
    Posts
    163
    Vote Rating
    0
    franzisk is on a distinguished road

      0  

    Default


    Thanks a lot for your help. It was really helpful, code adapted...

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."