You are not logged in.

Callout Hotspots plugin

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

jeromebg

Professional

  • "jeromebg" started this thread

Posts: 1,113

Location: Angers - France

Occupation: 360 experiences creator

  • Send private message

61

Monday, November 22nd 2021, 9:15pm

maOR

Beginner

Posts: 1

  • Send private message

62

Tuesday, November 23rd 2021, 3:16pm

Quoted from "jeromebg"

When a callout hotspot is displayed his zorder is set to 1000.
Just set your popup hotspot with a higher zorder.
Hi Jerome,

are you sure about this. I have a Tour where I have a hotspot with zorder="1001" but the callout hotspot is still overlapping the other one.
Is there another thing I have to consider?

mzlab

Beginner

Posts: 3

Location: Chile

Occupation: Developer

  • Send private message

63

Tuesday, November 23rd 2021, 3:58pm

Quoted from "jeromebg"

Wrong url, no image here : https://marq.cl/360/Realtum/Isidora_test/hunterdouglas.png
Ahh ok, got it, i have to call images from root.

thanks!

thomasmcvea

Beginner

Posts: 39

  • Send private message

64

Wednesday, February 16th 2022, 11:10am

text_background alpha

Hi Jereome. Is there a way to change only the "text_background" alpha settings?

Thomas

Tuur

Sage

Posts: 3,733

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

65

Wednesday, February 16th 2022, 6:30pm

Perhaps use bgcolor="0xFF000000" transparent black..
But i don't use this specific plugin.
So.. i'm not sure what is made available.

Hope it helps,
Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

jeromebg

Professional

  • "jeromebg" started this thread

Posts: 1,113

Location: Angers - France

Occupation: 360 experiences creator

  • Send private message

66

Sunday, February 20th 2022, 10:40am

Quoted from "thomasmcvea"

Hi Jereome. Is there a way to change only the "text_background" alpha settings?

Thomas

Nop, there is no alpha setting for the backgrounds, but will add in next release.

A workaround could be used adding
<layer name="callout_title_name_of_your_hotspot" bgalpha="0.5"/>

This post has been edited 1 times, last edit by "jeromebg" (Feb 20th 2022, 10:50am)

Super Awesome

Beginner

Posts: 7

  • Send private message

67

Thursday, September 1st 2022, 9:50am

Custom borders

Could someone help me to find how to have

- a custom border color for the text box (but not the line)?

- rounded edges to the text box?

Thank you!

Super Awesome

Beginner

Posts: 7

  • Send private message

68

Sunday, September 4th 2022, 5:13am

Panotour has more controls

I own both the panotour version and the krpano version and the panotour code has extra items that control mobile behaviour.

I am working with the Krpano version and the desktop version looks great, but of course it is almost unusable on mobile.

One of the features that would be great is callout_type.mobile="onuserclick" but this code is not working with the Krpano version.

Are there any specific mobile controls for the Krpano version? There are numerous items that would be helpful in the Panotour code that I do not see listed in the Krpano version. Mobile controls are essential so I would like to know if they can be used in this current Krpano project now that Panotour has been murdered.

My mobile callouts are totally unusable right now so I need to find a solution for this with specific mobile behavior controls.

Below is some of the Panotour code from the skin.xml

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

!-- 360Images Call Out Titles Plugin -->        
<include url="%FIRSTXML%/graphics/callouttitles.xml"/>  
<callout author_context="false"/> 
<style 	
distancepopup="2" 	
distancepopup.tablet="3" 	
distancepopup.mobile="5" 	
visible="false" 	
callout_type="centerscreen" 	
callout_type.mobile="onuserclick"
callout_type.tablet="centerscreen" 	
name="Default Point Spot Style" 	
type="container"  	
width="10"  	
height="10"  	 	
bgroundedge="10" 	 	
bgcolor="0xff0004"  	
bgalpha="1.00" 	
bgborder="2 0x0015ff 1.00" 	
toheight="200" 	
pumpitup="true" 	
pumpitup.mobile="true" 	
pumpitup.tablet="true" 	 	
rotate="45" 	 	 	
infov="180" 	
maxfov="1" 	
minfov.mobile="180" 	
maxfov.mobile="1" 	
minfov.tablet="180" 	
maxfov.tablet="1" 

onloaded=" 	txtadd(parentspot,'hotspot[',get(name),']'); 	 	txtadd(callout_pulse,'callout_pulse_',get(name)); 	addlayer(get(callout_pulse)); 	layer[get(callout_pulse)].loadstyle(call_out_titlescallout_pulse); 	copy(layer[get(callout_pulse)].parent,parentspot); 	 	 	txtadd(callout_line,'callout_line_',get(name)); 	addlayer(get(callout_line)); 	copy(hotspot[get(name)].callout_line,callout_line); 	layer[get(callout_line)].loadstyle(call_out_titlescallout_line); 	copy(layer[get(callout_line)].parent,parentspot); 	copy(layer[get(callout_line)].x,xpoint); 	copy(layer[get(callout_line)].y,ypoint); 	 	txtadd(callout_line_vertical,'callout_line_vertical_',get(name)); 	addlayer(get(callout_line_vertical)); 	copy(hotspot[get(name)].callout_line_vertical,callout_line_vertical); 	layer[get(callout_line_vertical)].loadstyle(call_out_titlescallout_line_vertical); 	txtadd(parentlayer,'layer[',get(callout_line),']'); 	copy(layer[get(callout_line_vertical)].parent,parentlayer); 	txtadd(callout_title,'callout_title_',get(name)); 	addlayer(get(callout_title)); 	copy(hotspot[get(name)].callout_title,callout_title); 	layer[get(callout_title)].loadstyle(call_out_titlescallout_title); 	txtadd(parentlayer2,'layer[',get(callout_line_vertical),']'); 	copy(layer[get(callout_title)].parent,parentlayer2); 	getmessage(montitre, get(tooltip)); 	copy(layer[get(callout_title)].html,montitre); 	 	txtadd(callout_desc,'callout_desc_',get(name)); 	addlayer(get(callout_desc)); 	copy(hotspot[get(name)].callout_desc,callout_desc); 	layer[get(callout_desc)].loadstyle(call_out_titlescallout_desc); 	copy(layer[get(callout_desc)].parent,callout_title); 	getmessage(madesc, get(descriptionid)); 	copy(layer[get(callout_desc)].html,madesc); 	 	if(hotspot[get(name)].onclick, copy(layer[get(callout_line_vertical)].onclick,hotspot[get(name)].onclick);set(layer[get(callout_line_vertical)].bgcapture,true)); 	if(hotspot[get(name)].callout_type == onuserclick, set(hotspot[get(name)].onclick,oncallout());set(hotspot[get(name)].bgcapture,true);set(hotspot[get(name)].handcursor,true)); 	set(events[testshotspots].onviewchanged,testhotspots();)  	" 	 	oncallout="animate_callout(get(callout_line), get(callout_line_vertical), get(callout_title), get(callout_desc),get(toheight));"	 	oncallin="animate_callin(get(callout_line), get(callout_line_vertical));" />
/>

<style name="call_out_titlescallout_line"  
type="container"  
width="2"  	
height="0" 	
bgalpha="1" 	
bgcolor="0xffffff" 	
align="top" 	
edge="bottom" /> 

<style name="call_out_titlescallout_line_vertical"  	
type="container"  	
width="0"  	
height="0"  	
bgcolor="0xffffff" 	 	 	
rotate="-45" 	 		 		
bgborder="0,0,0,2 0xffffff" 		 		 		 		 		 		 		 		 		 		 		edge="left" 		align="top" 		 		 		 	 	 	  	 	 	
maskchildren="true" /> 

<style name="call_out_titlescallout_title"  	
type="text" 	
enabled="false" 	 	
align="topleft" 	
ox="10" 	 	   	 	
roundedge="20"   	
bg="true" 	
bgcolor="0xb50000" 	
bgalpha="1"   	
bgborder="false"   	
css="color:#ffffff;font-family:Arial;font-size:25px;text-align:left;"   	
padding="5 10" /> 

<style name="call_out_titlescallout_desc"  	
type="text" 	
enabled="false" 	 	
align="bottomleft" 	
edge="topleft" 	
ox="0" 	 	   	 	
roundedge="20"   	
bg="false"   	
bgborder="false"      	
textshadow="1" 
textshadowrange="5.0" 
textshadowangle="45" 
textshadowcolor="0x000000" 
textshadowalpha="1"  	
css="color:#ffffff;font-family:Arial;font-size:18px;text-align:left;"   	
padding="5 0" /> 

<style name="call_out_titlescallout_pulse" 
type="container" 
align="center"  
bg="false"  
bgborder="3 0xffffff 1.00"   
bgroundedge="calc:10 * 2"  
width="10" 
height="10"  
onloaded="pulse(get(name))"/>

jeromebg

Professional

  • "jeromebg" started this thread

Posts: 1,113

Location: Angers - France

Occupation: 360 experiences creator

  • Send private message

69

Monday, September 5th 2022, 8:42am

<hotspot style="callout" animation.mobile="on_click".../> should work

QLex

Beginner

Posts: 22

  • Send private message

70

Sunday, January 22nd 2023, 2:23pm

Сallout overlap hotspot

Hello, callout overlap hotspot with zorder="1001".
What should be done so that the callout does not overlap the hotspot?? I tried to put zorder in a separate callout style, it didn't work.

jeromebg

Professional

  • "jeromebg" started this thread

Posts: 1,113

Location: Angers - France

Occupation: 360 experiences creator

  • Send private message

71

Sunday, January 22nd 2023, 5:58pm

Callouts are built with layers, and layers are always over hotspots, no workaround...

QLex

Beginner

Posts: 22

  • Send private message

72

Monday, January 23rd 2023, 2:10pm

Quoted from "jeromebg"

Callouts are built with layers, and layers are always over hotspots, no workaround...
Understood thanks

Similar threads