Styling Popover

You must Login before you can answer or comment on any questions.

Hi Guys,

I'd like to style my popover so I can move it around the page, and also change the background color and such. What's wierd is when I modify the POPOVER ARROW DIRECTION it works but nothing else seems to work. Any guide or help would be appreciated. I'd also like my data to appear horizontal instead of the fields showing up vertically.

I'm on SDK 4.3 creating an iPad app below is my code.

Thanks in advance for any help 

var budget = Titanium.UI.createButton({ //popover button 1
        backgroundImage:'images/budgetbtn.png',
        width:151,
        height:43,
        left:60,
        top:20,
        opacity:1
    });
budget.addEventListener('click', function()
    {
        //Popover.open();
         var pop = Ti.UI.iPad.createPopover({
         width:300, 
         height:200,
         backgroundColor:'#61b2b5',
         borderColor:'#61b2b5',
         arrowDirection:Ti.UI.iPad.POPOVER_ARROW_DIRECTION_ANY
      });
    pop.add(Ti.UI.createTableView({
                    data:[{title:'a'}, {title:'b'}, {title:'c'}]
                    }));
 
    pop.show({view:budget,animated:true});
    });

2 Answers

Your Answer

Think you can help? Login to answer this question!