Results 1 to 5 of 5

Thread: Embedded PDF Overlapping with dynamic form in border layout

  1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    10

    Default Embedded PDF Overlapping with dynamic form in border layout

    I have a border layout with centre and south regions. In the south region, in a panel an embedded PDF is rendered. In the centre region, i have a grid inside a panel that has a button on the grid. When i click that button a dynamic form in a floating window is rendered. If the dynamic form has lesser number of fields that could open within the centre region then its fine, but if the fields increase and it goes beyond the the centre region, the part of the dynamic form that goes to the southern region panel is overlapped by the PDF rendered inside the southern region panel.

    I am unable to understand that why the form is overlapped by the PDF.


    The following code creates the dynamic form:

    Code:
    createshiftBanking: function(fp, shiftBankingLineList){  
            var form = fp.getForm();
            if(shiftBankingLineList.length!=null)
            {
                for (var i = 0; i < shiftBankingLineList.length; i++) {
                    var f;
                    f = new Ext.ux.NumericField({ name: shiftBankingLineList[i].bankLineMappingId, fieldLabel: shiftBankingLineList[i].description + ':<span class="required">*</span>', labelSeparator: '', allowBlank: false, allowDecimal: true, width: 150, style: 'text-align:right' ,currencySymbol: '$', alwaysDisplayDecimals: false, useThousandSeparator: true, decimalPrecision:2, maxLength:11});
                    form.add(f);
                    fp.add(f);
                }
                f2 = new Ext.form.TextArea({ name: 'validationComment', fieldLabel: 'Validation Comment:<span class="required">*</span>', labelSeparator: '', allowBlank: false, allowDecimal: true, width: 150, style: 'text-align:left'});
                form.add(f2);
                fp.add(f2);
            }
         }
    The above method is accessed as

    Code:
                             grid.opnFrmWindow(btn,resobject.shiftBankingLineList,resobject.shiftTendersList);
                             grid.frmWindow.show();
                             var fp = grid.frmWindow.findByType('shiftbankinglineform')[0];
                             grid.createshiftBanking(fp, resobject.shiftBankingLineList);
                             fp.getForm().clearInvalid();
    
    The following code renders the Embedded PDF in a panel:
    
                   region:"south",
                   title:"Z - Report",
                   height: 250,
                   border:false,
                   split:true,
                   layout: 'fit',
                   items:{
                        layout: 'fit',
                        html:'<object id="pdf_content" type="application/pdf" data="../../../resources/pdfSourceFile1.pdf" width="100%" height="500"></object>',
                        border:false
                      }

    If any one could help me out.

    Thanks in advance.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,410
    Answers
    716

    Default

    You will most likely need to create a small working example to get help on this. Typically the browser handles the opening of PDF's already via a plugin.

    Regards,
    Scott.

  3. #3
    Ext JS Premium Member
    Join Date
    Dec 2010
    Posts
    10

    Default

    You may need to update your <object> with wmode="transparent"

  4. #4
    Sencha User
    Join Date
    Jul 2011
    Posts
    10

    Default

    gentstr

    Not working

  5. #5
    Sencha User
    Join Date
    Jul 2011
    Posts
    10

    Default

    Quote Originally Posted by scottmartin View Post
    You will most likely need to create a small working example to get help on this. Typically the browser handles the opening of PDF's already via a plugin.

    Regards,
    Scott.

    Ok will try.
    But can you tell me that how can an object rendered inside the grid be set to back or behind.
    So that the form that is rendered afterwards does not go back or behind the object, always be over the object.

    Thanks.

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
  •