tfrugia
15 Jul 2010, 3:03 PM
We have a list of contact names, that when clicked show an overlay with name, address, email address, phone number, etc.
On an iPhone (having a hard time duplicating on an iPod touch), when our users click on the contact name, if it lines up with the overlay's link the link gets clicked.
You can see this easily by modifying the "list" example that ships with sencha, and adding this listener:
var groupingBase = {
listeners: {
'selectionchange': {
fn: function(dv, selections, rowData){
var overlay = new Ext.Panel({
scroll: 'vertical',
floating: true,
modal: true,
centered: true,
width: 320,
height: 300,
styleHtmlContent: true,
html: 'Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>',
scroll: 'vertical'
});
overlay.show();
}
}
}
...
...
A quick workaround would greatly be appreciated.
On an iPhone (having a hard time duplicating on an iPod touch), when our users click on the contact name, if it lines up with the overlay's link the link gets clicked.
You can see this easily by modifying the "list" example that ships with sencha, and adding this listener:
var groupingBase = {
listeners: {
'selectionchange': {
fn: function(dv, selections, rowData){
var overlay = new Ext.Panel({
scroll: 'vertical',
floating: true,
modal: true,
centered: true,
width: 320,
height: 300,
styleHtmlContent: true,
html: 'Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>Label: <a href="tel:1112223333">Call me at (111) 222-3333</a><br>',
scroll: 'vertical'
});
overlay.show();
}
}
}
...
...
A quick workaround would greatly be appreciated.