PDA

View Full Version : text widget - how do I set cursor?



LesJ
4 Jan 2012, 9:56 AM
I'm trying to set the cursor (to pointer), but cursor is not changed over the text.

How do I change the cursor over the text?


Ext.create('Ext.draw.Text', {
renderTo: Ext.getBody(),
width: 200,
height: 350,
autoSize: false,
viewBox: false,
padding: 20,
degrees: 315,
text: 'Hi there!',
style: {
cursor: 'pointer'
},
textStyle: {
padding: 20,
fill: '#000',
font: '18px Arial',
y: 50
}
});

mitchellsimoens
4 Jan 2012, 10:45 AM
I'm not 100% you can. I added the cursor: pointer to the <text> field but that didn't do anything. Tried to put it on the <svg> and still no go.

skirtle
4 Jan 2012, 2:06 PM
Did you have this working in 4.0.7?

LesJ
4 Jan 2012, 3:08 PM
Did you have this working in 4.0.7?

Ext.draw.Text is a new component and not available in 4.0.7.

skirtle
4 Jan 2012, 3:36 PM
Ah, sorry, I missed that.

LesJ
6 Jan 2012, 7:25 AM
I solved this problem by adding a zero opacity 'rect' sprite on top of the text sprite (higher z-index)... works in SVG and VML. :)