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

      0  

    Question Unanswered: Include html file in Panel Items?

    Unanswered: Include html file in Panel Items?


    Following the answer on load an html file into a panel, I was able to load the HTML File taking the entire Panel, but how can I use that solution to load the file in a ITEM?I have the following file Demo.js
    Code:
    Ext.define('Sencha.view.Demo', {
      extend: 'Ext.Panel',
      xtype: 'democard',
    
      config: {
        iconCls: 'search',
        title: 'Demo',
        styleHtmlContent: true,
        scrollable: 'vertical',
        layout: {
            type: 'vbox'
        },
        items: [{
            docked: 'top',
            xtype: 'toolbar',
            title: 'Demo'
            },
            {
             xtype: 'fieldset',
             width: "100%",
             style: {float:'left'},
             items: [
                 {
                    xtype: 'textfield',
                    name : 'name',
                    label: 'Text Label'
                 },{
                    xtype:  'button',
                    text:   'Press',
                    ui:     'confirm'
                 },{
                    width: '60px'
                 }]
            },
            {
              > HERE I WANT TO INSERT THE HTML FILE <
            }
        ]
      }
    });
    I tried adding the following code in the marked area :
    Code:
    extend: 'HTMLPanel',
    
    config: {
        iconCls: 'home',
        title: 'Holcim',
        styleHtmlContent: true,
        scrollable: 'vertical',
        url: 'file.html',
    }
    But the 'file.html' will not show. How could I achieve this? I would like to include some HTML Files in some items.Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,347
    Answers
    3542
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    If you use Rob's version then that should put all the HTML into the panel.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread