javascript - ¿Cómo establecer las dimensiones de la punta con jQuery qTip?
Estoy teniendo algunos problemas con modificar el tamaño de la punta (x,y) de qTip. Intenté agregar el style: { tip: { x:2,y:2 } } de todas las maneras posibles, pero fallé.
¿Cómo puedo agregarlo al siguiente script?
// Status Tooltips Style
$.fn.qtip.styles.statusTooltips = {
background: '#333333',
color: 'white',
textAlign: 'center',
border: {
width: 1,
radius: 5,
color: '#333333'
},
tip: 'leftMiddle',
name: 'dark'
}
// Status Tooltips Init
$('.status[title]').qtip({
style: 'statusTooltips',
position: {
corner: {
target: 'rightMiddle',
tooltip: 'leftBottom'
}
}
});
Respuesta #1
es bastante simple:
$("#mytip").qtip({style: { tip: { size: { x: 10, y: 10}} }});
http://craigsworks.com/projects/qtip/docs/tutorials/#tips
Respuesta #2
Para qtip 2, simplemente puedes establecer las propiedades width y height del objeto tip:
$("#mytip").qtip({
style: {
tip: {
width: 10,
height: 10
}
}
});
Vea http://qtip2.com/plugins#tips.width
