You are not logged in.

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


62

Tuesday, November 23rd 2021, 3:16pm

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

Ahh ok, got it, i have to call images from root.

thanks!

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*

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

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)


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!

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

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...

72

Monday, January 23rd 2023, 2:10pm

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

Similar threads