1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    31
    Vote Rating
    0
    priyapratheep is on a distinguished road

      0  

    Default Dynamic display of legend

    Dynamic display of legend


    I wan to display legend below in my jsp page dynamically

    Code:
    {html: '<br><b>Legend:</b><br><font color="#9A2EFE">Deleted Rows</font><br><font color="#F781F3">Added Rows</font><br><font color="#58D3F7">Updated Cells</font> </br>'}
    Code:
    var staffHoursMainPanel = new Ext.Panel({
        id: 'staffHoursMainPanel',
        frame: true,
        border: true,
        title: '',
        layout:'column',
        defaults: { bodyStyle:'font-size:11px; padding: 2px;' },
        width: 1105,
        items:[{
            items: [prjPanel,staffHourPanel,
                    this.addBtn=new Ext.Button({
                        id: 'proBack',
                        xtype:'button',
                        text:'Back',
                        width: 80,
                          handler: function() {
                        document.projectCsApprovalForm.projectid.value = projectId;
                        document.projectCsApprovalForm.procode.value = procode;
                        document.projectCsApprovalForm.loginid.value = login_id;
                        <portlet:namespace />submitprojectCsApprovalForm();
                        }
                    }),legendLabel            ],
            columnWidth: 1.0
        }]
    });
    I want to display above legend at legendLabel place

    My condition goes like this
    Code:
    function AllStoresLoaded(){
                            if(projectStore.getCount() >= 0){
                                var recordPrj = projectStore.getAt(0);
                                        if (recordPrj.data.type_name == 'Project'){
                                            legendLabel.setText( HTMLstring);
                                    }
                            }
    Any other ideas are welcome.. I am not good in CSS....

    Thanks

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


    The charts are flash so CSS isn't going to control this and will not be able to be outside the flash.
    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