Qtip2, hide a small tip on the tooltip?

I looked everywhere on the qtip site, could not find the answer to this question. I am using Qtip2 with the Modal plugin. Does anyone know how I can hide a small little β€œtip” from my tip?

Here is my code:

<script language="javascript" type="text/javascript"><!-- TOOL TIP MODAL TO ADD CALENDAR EVENT-> $('.add_event_tooltip').live('mouseover', function(event) { var thedate = $(this).attr("thedate"); date = new Date(thedate), //convert date days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], months = ["January","February","March","April","May","June","July","August","September","October","November","December"], converted = days[date.getDay()] + ", " + months[date.getMonth()] + " " + date.getDate() + ", " + date.getFullYear(); $(this).qtip({ id: 'modal', content: { ajax: {url: 'includes/cal_add_event.php',type: 'GET',data: { rel: thedate}}, title: { text: 'Creating Event: ' + converted,button: true} }, position: {my: 'top left',at: 'top left',target: $('#leftside')}, show: {event: 'click',solo: true,modal: true}, hide: false, style: 'ui-tooltip-light ui-tooltip-rounded' }); }); </script> 

If you can, focus the "Position" setting, I placed it on my page where I want it, I just want to get rid of the little "pointer" tooltip.

Thanks.

+4
source share
2 answers

I found my question after finding a solution on my own. @Xzyfer's suggestions didn't work for me, but it was a hint in the right direction.

The tip: false setting worked.

 $(this).qtip({ ... style: { ... tip: false }); 
+10
source

to try:

 $(this).qtip({ ... style: { classes: 'ui-tooltip-light ui-tooltip-rounded', tip: null }); 

Otherwise try:

 $(this).qtip({ ... style: { classes: 'ui-tooltip-light ui-tooltip-rounded', tip: { width: 0, height: 0 } }); 
0
source

Source: https://habr.com/ru/post/1385420/


All Articles