1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    13
    Vote Rating
    0
    Soumya27 is on a distinguished road

      0  

    Default Add image to dynamic Panel

    Add image to dynamic Panel


    Hi,

    I am creating a panel dynamically and adding it to accordion layout.

    ==>How to add an image to this dynamic panel header?

    Piece of code:
    for(var i =0; i< 5; i++)
    {
    temp = new Ext.Panel();
    temp.title = displayCampIDandName[i].name;
    temp.id = 'accordionPanelNotification'+i;
    temp.cls = 'accordionPanelNotification';

    temp.html = 'HTML';
    temp.collapsed = true;
    Accodion.items.add(temp);

    }


    ==> How to add text so that it will appear on the image added on panel header

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,056
    Vote Rating
    850
    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


    Your code should be more like:

    Code:
    var items = [];
    
    for (var i = 0; i < 5; i++) {
        items.push(new Ext.panel.Panel({
            title     : displayCampIDandName[i].name,
            cls       : accordionPanelNotification,
            html      : 'HTML',
            collapsed : true
        }));
    }
    
    Accodion.add(items);
    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