Difficulties in achieving the translation of different elements to layers

ramirox3 · November 3, 2024 at 3:26 PM

Quote from klaus.krpano

"It works the same way as for layers or other elements.
Basically it works for all elements/objects and is independent of layer, hotspot or something else."

Hi Klaus
I have been trying to get the elements other than layers to be translated, but I can't make it happen, I have also tried for the tooltips, without result, I would also like to know how to direct the translation of popup contents
This is my code:
some base settings to which other elements will link to
-->
<base color="0xFFFFFF" color.onchange="trace('the color has been changed to: ',(tohexcolor(color)));" linewidth="1" bgroundedge="0" bgalpha="0.5" bgblur="5" spacing="8"/>

<languages name="es" displayname="Español" title="Centro de entrenamiento" subtitle="Espacio para los procesos de selección y capacitación continua"
latsup="Maravillosa actualización" latinf="Difícil de entender [br]para quienes no somos codificadores[br] es un poco arduo[br] pero aprenderemos"
emulhs="Texto capa"
text="hotspot de texto"
content="Puesto de Habilidades transversales"
infoder="Información Centro de entrenamiento"
language="Idioma" />

<languages name="en" displayname="English" title="Training center" subtitle="Space for selection processes and continuous training"
latsup="Wonderful update" latinf="Difficult to understand [br]for those of us who are not coders[br] it's a little arduous[br] but we will learn"
emulhs="Layer text"
text="text hotspot"
hs1w="Post of transversal skills"
content="Post of transversal skills"
infoder="Training center Info"
language="Language" />


<style name="text" type="text" textalign="center" bgcolor="link:base.color" bgalpha="0.0" css="link:base.color:'color:'+tohexcolor(base.color,'#')+';'" txtshadow="0 0 2 0x000000"/>

<layer name="languages" style="link:box|dragable" align="rightbottom" x="160" y="10" scale="0.7" type="container" flowchildren="h" flowchildrenexpand="true" childflowspacing="link:base.spacing" childmargin="link:base.spacing" onloaded="forall(languages,l, addlayer(auto,item); item.parent=name; item.linkstyle(button); item.text=l.displayname; item.onclick='set(language,' + l.name + ');'; );">
<layer style="link:text" template="{{translate('language')}}" enabled="false"/>
</layer>

<hotspot name="hsp_0_2" style="text_hs_sm" type="text" ondown="drag_LinkSM();" width="135" height="38" bgshadow="0 0 0 0х000000 0.5" ath="3.3734" atv="-31.3049" html="hotspot de texto" bg="true" textwidth="135" textheight="38" textalign="left" text="hotspot de texto"
template="[div style='text_hs_sm']{{translate(text)}}[/div]"
/>
<hotspot name="hs1w" devices="desktop" ath="21.0218776" atv="25.7220750" style="callout"
text_bg="true" callout_bg_color="0x00688f" callout_bg_alpha="0.5" rotate="1" distancepopup="3"
line_lenght="230" text_width="auto" shape="round" callout_bg_border="0,1" text_x="1"
text_padding="8 18 6 18" size="6" visible="true" alpha="1"
title=""
content="Puesto de Habilidades transversales"
template="[div style='callout;']{{translate(content)}}[/div]" enabled=""
/>
krpano - cEntrenamiento

klaus.krpano · November 3, 2024 at 3:51 PM Official Post

Where to look in your code?

Instead of posting some big code block, please reduce it only to the relevant parts and/or add some comments - what are you doing? What where your thoughts? Where is the problem that doesn't work?

Or describe your needs exactly, then I can try making a small and clear example.

ramirox3 · November 3, 2024 at 4:09 PM

Thanks. I will try
I am trying to use the new translation possibility. I have no problem doing it with layers. But I have some hotspots, some are callouts, others are text hotspots and others are for opening popups, as well as some tooltips that I would like to be able to translate. With none of these above I have been able to get them translated.
You can look at the example cited.

This hotspot: callout
<hotspot name="hs1w" devices="desktop" ath="21.0218776" atv="25.7220750" style="callout"
text_bg="true" callout_bg_color="0x00688f" callout_bg_alpha="0.5" rotate="1" distancepopup="3"
line_lenght="230" text_width="auto" shape="round" callout_bg_border="0,1" text_x="1"
text_padding="8 18 6 18" size="6" visible="true" alpha="1"
title=""
content="Puesto de Habilidades transversales"
template="[div style='callout;']{{translate(content)}}[/div]" enabled=""
/>
What I want is to locate what I am doing wrong and correct it to ensure that these elements other than layers get their translation

klaus.krpano · November 3, 2024 at 4:30 PM Official Post

I think I see the problem - either remove the content variable here:

Code

<hotspot ...
content="Puesto de Habilidades transversales"
template="...{{translate(content)}}..."
/>

change it to:

Code

<hotspot ...
template="...{{translate(content)}}..."
/>

Or quote the text 'content' in the translate call:

Code

<hotspot ...
template="...{{translate('content')}}..."
/>

Otherwise the content of the 'content' variable () will be used for the translate call.

ramirox3 · November 3, 2024 at 4:59 PM

If I remove the content variable the callout disappears

ramirox3 · November 3, 2024 at 5:10 PM

In the other text hotspot, I quoted the text 'text' , and the translation already worked

klaus.krpano · November 3, 2024 at 5:39 PM Official Post

What is the style="callout" doing?

Maybe that style was using that content variable...?

If yes, don't remove it and just quote it.

Or directly do it different - let's assume that 'callout' style does some automatic stuff and uses the text from the content variable - here a way to pass the translated text to it:

Code

<hotspot ...
content="link:translate('content')"
template="...{{content}}..."
/>

But then there would be still the problem, that the callout might not get updated when the language changes. So for a full working solution, the callout code would need to be adjusted to support dynamic changes as well.

ramirox3 · November 3, 2024 at 5:53 PM

None of the options work

klaus.krpano · November 3, 2024 at 7:36 PM Official Post

What doesn't work? the textfield? the callout?
What exactly have you tried?

ramirox3 · November 3, 2024 at 8:01 PM

The callout text is not translated, with none of the options you have suggested

ramirox3 · November 3, 2024 at 8:11 PM

klaus.krpano · November 3, 2024 at 8:19 PM Official Post

Please re-read above - that's exactly what I have written.

Without knowing your callout code and adjusting it to support the changing/translated texts, it will not work.

ramirox3 · November 3, 2024 at 8:33 PM

This is the callout code:
<hotspot name="hs1w" devices="desktop" ath="21.0218776" atv="25.7220750" style="callout"
text_bg="true" callout_bg_color="0x00688f" callout_bg_alpha="0.5" rotate="1" distancepopup="3"
line_lenght="230" text_width="auto" shape="round" callout_bg_border="0,1" text_x="1"
text_padding="8 18 6 18" size="6" visible="true" alpha="1"
title=""
content="Puesto de Habilidades transversales"
/>
I have used it like this:
<hotspot name="hs1w" devices="desktop" ath="21.0218776" atv="25.7220750" style="callout"
text_bg="true" callout_bg_color="0x00688f" callout_bg_alpha="0.5" rotate="1" distancepopup="3"
line_lenght="230" text_width="auto" shape="round" callout_bg_border="0,1" text_x="1"
text_padding="8 18 6 18" size="6" visible="true" alpha="1"
title=""
content="Puesto de Habilidades transversales"
template="[div style='callout']{{translate(content)}}[/div]"
/>

And also like this:
<hotspot name="hs1w" devices="desktop" ath="21.0218776" atv="25.7220750" style="callout"
text_bg="true" callout_bg_color="0x00688f" callout_bg_alpha="0.5" rotate="1" distancepopup="3"
line_lenght="230" text_width="auto" shape="round" callout_bg_border="0,1" text_x="1"
text_padding="8 18 6 18" size="6" visible="true" alpha="1"
title=""
content="Puesto de Habilidades transversales"
template="[div style='callout']{{translate('content')}}[/div]"
/>

I also tried this

klaus.krpano · November 3, 2024 at 8:59 PM Official Post

I mean the callout <style> - that's where you create and manage your callout.

That stuff:

Code

<style name="callout" 
       ... 
       />

Your xml that probably contains that code is encrypted:
https://ciudadcubica.com/cen_1.22/plugins/callout.xml

ramirox3 · November 3, 2024 at 9:10 PM

Yes, Jerome, who sells the plugin, delivers it encrypted

ramirox3 · November 3, 2024 at 9:11 PM

klaus.krpano · November 3, 2024 at 9:25 PM Official Post

That means callout.xml would need to get updated to support dynamic 'content' changes.

E.g. by 'linking' to the 'content' variable instead of once copying it.

jeromebg · November 4, 2024 at 3:59 PM

Hi,
I could update the plugin with the new linking system, but then it won't work with previous versions of krpano.
You can use the translate system but you'll have to recall the onloaded event of the callout hotspots.

Code

<hotspot name="hs1" ath="0" atv="0" style="callout"
				 title="link:translate('hs1_title')"
				 content="link:translate('hs1_content')"/>
				 
<layer name="french" style="language_but" html="FR" x="20" onclick="set(language,fr);update_callouts()"/>
<layer name="english" style="language_but" html="EN" x="60" onclick="set(language,en);update_callouts()"/>

<action name="update_callouts">
for(set(i,0), i LT hotspot.count, inc(i),
  if(hotspot[get(i)].style == 'callout', callwith(hotspot[get(i)],onloaded))
);
</action>

<style name="language_but" type="text" padding="10" bgroundedge="50" keep="true" align="bottomright" y="20"/>

<languages name="en" displayname="English"
	hs1_content="The default style can be customized in the default settings."
	hs1_title="English title"
/>
<languages name="fr" displayname="Français"
	hs1_content="Le style par défault peut être défini dans les pamarmètres par défaut."
	hs1_title="Titre français"
/>

Display More

ramirox3 · November 4, 2024 at 5:21 PM

Hi jeromebg,
great, in the project I'm testing, I applied the code you posted, but when I click to change the language, the callout disappears. I guess that for that not to happen, I have to wait until I have the plugin updated.

jeromebg · November 4, 2024 at 6:36 PM

Yes it's not an ideal solution, callouts are rebuilt.
This code will display the callouts with the updated translation.
But for a reason I don't get yet if the first hotspot of the scene is a callout hotspot then this one will only be displayed after moving the pano ... if it's the case just add a empty hotspot : <hotspot/>

Code

<action name="update_callouts">
for(set(i,0), i LT hotspot.count, inc(i),
  if(hotspot[get(i)].style == 'callout', callwith(hotspot[get(i)],oncallin);set(hotspot[get(i)].ishighlighted, false);callwith(hotspot[get(i)],onloaded);)
);
</action>

Participate now!