Callout Hotspots plugin

Quote from trunganhvux

I purchased Panotour Pro a while ago, but I noticed that while the krpano version allows using pictures as callouts, Panotour does not, or perhaps my version is outdated.

I want to add a small icon like this to the callout to help customers understand what is that place better.

The reference address link can be sent. So everyone can see how to implement it.

Hi,

I just bought the plugin and I want add a video source in content of callout, is it possible?

Hi, I have another problem

my scene has many callout hotspots, and each hotspot contains an image URL

but when the callout popup is open, the height of the content hotspot is not cover component content

if I using static image it's works fine but with online image URL it's not work

this is my code, do you have any solution for this case

- second question: is callout hotspot support dragging? I tried but not work

<data name="customCalloutContent@index">
  <![CDATA[
    <div class="bg-white w-[188px] h-auto" id="callout-content-@name">
      <img 
        src="@url"
        class='w-[188px] h-auto object-cover mb-3' 
        width="188"
      />
      <div class="text-fs-12 text-grey-11 font-semibold max-w-[188px] line-clamp-3 break-words whitespace-pre-line">@title</div>
      <div class="text-fs-12 text-grey-11 max-w-[188px] mt-1 line-clamp-3 break-words whitespace-pre-line">@description</div>
    </div>
    
  ]]>
</data>


<hotspot 
  name="@name" 
  ath="@h"
  atv="@v" 
  style="callout"
  text_bg="true"
  callout_bg_color="0xffffff"
  callout_bg_alpha="1"
  callout_bg_border="0,0,0,2"
  text_x="0"
  text_padding="10"
  text_width="auto"
  content="get:data[customCalloutContent@index].content"
/>

krpano.com - Documentation - XML Reference

krpano.com - Documentation - XML Reference

--> maybe use display.layout.update() in the images onload event

Quote from indexofrefraction

https://krpano.com/docu/xml/#hotspot.onloaded

https://krpano.com/docu/xml/#display.layout.update

--> maybe use display.layout.update() in the images onload event

thanks , it's work for me

Hi jeromebg , I want center callout wrapper content like this image, I had try add some custom class/style but not work
Do you any solution or keywords to do? Thanks

Hello, we have an active license. I enter the key, but the watermark does not disappear. We need help, please.

It's an old key from 2020. I will look for what you asked and send you an email.

Quote from jeromebg

That means you didn't provide your correct krpano license username.

Shoot me an email with your order reference

Tell me your email address

jeromebg

I see that the color property does not allow for alpha (eg. color="0xffffff00" which should be white with zero transparency results in 0xffff00 which is a yellow). We are wanting to remove the dot and the lead line, while maintaining the function of the callout title/content. I tried size="0" which made it disappear, alpha="0" also made it disappear. Just wondering if there is a property we can use to change the opacity of the dot and lead line? Thanks in advance!

Bree

Thanks jeromebg! That certainly helps, (no line and circle disappears when callout is open), but I still see the circle when it is animated closed. Is there a property to change that too?

Thanks again!

Bree

Is it possible to remove the animation? Just show the dot..

Quote from jeromebg

The pulse animation ?
just add <action name="pulse"></action> after the callout.xml include.

Yes pulse animation. How can I do it?.