Specifications

Synchronized Content
68
AMX InspiredSignage XPress Programming Guide
Example: <switch> SVG element
The following example shows the use of the standard SVG <switch> element to display different contents on a
screen based on its screenID (e.g. “left, “right”, “top”, “bottom,” etc.).
<spx:multiScreen>
<spx:screen viewBox="0 0 1280 720" xml:id="left"/>
<spx:screen viewBox="0 0 1280 720" xml:id="right"/>
</spx:multiScreen>
<g display-align="center" font-family="Arial" font-size="100"
text-align="center" transform="translate(320,180)">
<switch>
<g spx:multiScreenId="left">
<textArea fill="#fed600" height="360" width="640" >I'm left screen!
</textArea>
</g>
<g spx:multiScreenId="right">
<textArea fill="#00d6fe" height="360" width="640" >I'm right screen!
</textArea>
</g>
<g>
<textArea fill="#d600fe" height="360" width="640" >No screen defined
</textArea>
</g>
</switch>
</g>
Example: JavaScript
The following example shows the usage of the JavaScript MULTI_SCREEN_ID variable to control the text
content of a textArea item.
<spx:multiScreen>
<spx:screen viewBox="0 0 1280 720" xml:id="left"/>
<spx:screen viewBox="0 0 1280 720" xml:id="right"/>
</spx:multiScreen>
<script>
<![CDATA[
if (MULTI_SCREEN_ID == "left")
document.getElementById("textId").textContent="I'm left!";
else if (MULTI_SCREEN_ID == "right")
document.getElementById("textId").textContent="I'm right!";
else
document.getElementById("textId").textContent="No screen defined!";
]]>
</script>
<g>
<text x="50" y="50" xml:id="textID">_Text_will_be_here_</text>
</g>